[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 .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  /* The adminbar icon needs additional styling to prevent 3rd party styles from overriding the size. */
 595  #wpadminbar #wp-admin-bar-site-name > .ab-item img.site-icon {
 596      width: 20px;
 597      height: 20px;
 598      max-width: 20px;
 599      max-height: 20px;
 600      min-width: 20px;
 601      min-height: 20px;
 602      border-radius: 2px;
 603  }
 604  
 605  /**
 606   * Comments
 607   */
 608  #wpadminbar #wp-admin-bar-comments .ab-icon {
 609      margin-left: 6px;
 610  }
 611  
 612  #wpadminbar #wp-admin-bar-comments .ab-icon::before {
 613      content: "\f101";
 614      content: "\f101" / "";
 615      top: 3px;
 616  }
 617  
 618  /**
 619   * New Content
 620   */
 621  #wpadminbar #wp-admin-bar-new-content .ab-icon::before {
 622      content: "\f132";
 623      content: "\f132" / "";
 624      top: 4px;
 625  }
 626  
 627  /**
 628   * Updates
 629   */
 630  #wpadminbar #wp-admin-bar-updates .ab-icon::before {
 631      content: "\f463";
 632      content: "\f463" / "";
 633      top: 2px;
 634  }
 635  
 636  #wpadminbar #wp-admin-bar-updates.spin .ab-icon::before {
 637      display: inline-block;
 638      animation: rotation 2s infinite linear;
 639  }
 640  
 641  @media (prefers-reduced-motion: reduce) {
 642      #wpadminbar #wp-admin-bar-updates.spin .ab-icon::before {
 643          animation: none;
 644      }
 645  }
 646  
 647  /**
 648   * Search
 649   */
 650  #wpadminbar #wp-admin-bar-search .ab-item {
 651      padding: 0;
 652      background: transparent;
 653  }
 654  
 655  #wpadminbar #adminbarsearch {
 656      position: relative;
 657      height: 32px;
 658      padding: 0 2px;
 659      z-index: 1;
 660  }
 661  
 662  #wpadminbar #adminbarsearch::before {
 663      position: absolute;
 664      top: 6px;
 665      right: 5px;
 666      z-index: 20;
 667      font: 400 20px/1 dashicons !important;
 668      content: "\f179";
 669      content: "\f179" / "";
 670      speak: never;
 671      -webkit-font-smoothing: antialiased;
 672      -moz-osx-font-smoothing: grayscale;
 673  }
 674  
 675  /* The admin bar search field needs to reset many styles that might be inherited from the active Theme CSS. See ticket #40313. */
 676  #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
 677      display: inline-block;
 678      float: none;
 679      position: relative;
 680      z-index: 30;
 681      font-size: 13px;
 682      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 683      line-height: 1.84615384;
 684      text-indent: 0;
 685      height: 24px;
 686      width: 24px;
 687      max-width: none;
 688      padding: 0 24px 0 3px;
 689      margin: 0;
 690      color: #c3c4c7;
 691      background-color: rgba(255, 255, 255, 0);
 692      border: none;
 693      outline: none;
 694      cursor: pointer;
 695      box-shadow: none;
 696      box-sizing: border-box;
 697      transition-duration: 400ms;
 698      transition-property: width, background;
 699      transition-timing-function: ease;
 700  }
 701  
 702  #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 703      z-index: 10;
 704      color: #000;
 705      width: 200px;
 706      background-color: rgba(255, 255, 255, 0.9);
 707      cursor: text;
 708      border: 0;
 709  }
 710  
 711  #wpadminbar #adminbarsearch .adminbar-button {
 712      display: none;
 713  }
 714  
 715  /**
 716   * Command Palette
 717   */
 718  #wpadminbar #wp-admin-bar-command-palette .ab-icon::before {
 719      content: "\f179";
 720      content: "\f179" / "";
 721      top: 3px;
 722  }
 723  
 724  #wpadminbar #wp-admin-bar-command-palette kbd {
 725      background: transparent;
 726  }
 727  
 728  /**
 729   * Customize support classes
 730   */
 731  .no-customize-support .hide-if-no-customize,
 732  .customize-support .hide-if-customize,
 733  .no-customize-support #wpadminbar .hide-if-no-customize,
 734  .no-customize-support.wp-core-ui .hide-if-no-customize,
 735  .no-customize-support .wp-core-ui .hide-if-no-customize,
 736  .customize-support #wpadminbar .hide-if-customize,
 737  .customize-support.wp-core-ui .hide-if-customize,
 738  .customize-support .wp-core-ui .hide-if-customize {
 739      display: none;
 740  }
 741  
 742  /**
 743   * Skip link
 744   */
 745  #wpadminbar .screen-reader-text,
 746  #wpadminbar .screen-reader-text span {
 747      border: 0;
 748      clip-path: inset(50%);
 749      height: 1px;
 750      margin: -1px;
 751      overflow: hidden;
 752      padding: 0;
 753      position: absolute;
 754      width: 1px;
 755      /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 756      word-wrap: normal !important;
 757      word-break: normal !important;
 758  }
 759  
 760  #wpadminbar .screen-reader-shortcut {
 761      position: absolute;
 762      top: -1000em;
 763      right: 6px;
 764      height: auto;
 765      width: auto;
 766      display: block;
 767      font-size: 14px;
 768      font-weight: 600;
 769      padding: 15px 23px 14px;
 770      background: #f0f0f1;
 771      color: #2271b1;
 772      z-index: 100000;
 773      line-height: normal;
 774      text-decoration: none;
 775  }
 776  
 777  #wpadminbar .screen-reader-shortcut:focus {
 778      top: 7px;
 779      background: #f0f0f1;
 780      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 781  }
 782  
 783  /**
 784   * Media Queries
 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: 400 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      /*
 944       * Flex prevents `text-indent` from hiding the site title, and is unused here
 945       * since the icon is positioned absolutely below.
 946       */
 947      #wpadminbar #wp-admin-bar-site-name.has-site-icon > .ab-item {
 948          display: block;
 949      }
 950  
 951      #wpadminbar #wp-admin-bar-site-name > .ab-item img.site-icon {
 952          position: absolute;
 953          top: 9px;
 954          right: 12px;
 955          width: 28px;
 956          height: 28px;
 957          max-width: 28px;
 958          max-height: 28px;
 959          min-width: 28px;
 960          min-height: 28px;
 961          margin: 0;
 962          border-radius: 4px;
 963      }
 964  
 965      #wpadminbar #wp-admin-bar-appearance {
 966          margin-top: 0;
 967      }
 968  
 969      #wpadminbar .quicklinks li .blavatar::before {
 970          display: none;
 971      }
 972  
 973      /* Search */
 974      #wpadminbar #wp-admin-bar-search {
 975          display: none;
 976      }
 977  
 978      /* New Content */
 979      #wpadminbar #wp-admin-bar-new-content .ab-icon::before {
 980          top: 0;
 981          line-height: 1.26;
 982          height: 46px !important;
 983          text-align: center;
 984          width: 52px;
 985          display: block;
 986      }
 987  
 988      /* Updates */
 989      #wpadminbar #wp-admin-bar-updates {
 990          text-align: center;
 991      }
 992  
 993      #wpadminbar #wp-admin-bar-updates .ab-icon::before {
 994          top: 3px;
 995      }
 996  
 997      /* Comments and Command Palette */
 998      #wpadminbar #wp-admin-bar-comments .ab-icon,
 999      #wpadminbar #wp-admin-bar-command-palette .ab-icon {
1000          margin: 0;
1001      }
1002  
1003      #wpadminbar #wp-admin-bar-comments .ab-icon::before,
1004      #wpadminbar #wp-admin-bar-command-palette .ab-icon::before {
1005          display: block;
1006          font-size: 34px;
1007          height: 46px;
1008          line-height: 1.38235294;
1009          top: 0;
1010      }
1011  
1012      /* My Account */
1013      #wpadminbar #wp-admin-bar-my-account > a {
1014          position: relative;
1015          white-space: nowrap;
1016          text-indent: 150%; /* More than 100% indentation is needed since this element has padding */
1017          width: 28px;
1018          padding: 0 10px;
1019          overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */
1020      }
1021  
1022      #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
1023          position: absolute;
1024          top: 12px;
1025          left: 10px;
1026          width: 28px;
1027          height: 28px;
1028          border-radius: 50%;
1029      }
1030  
1031      #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
1032          padding: 0;
1033      }
1034  
1035      #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
1036          display: none;
1037      }
1038  
1039      #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
1040          margin: 0;
1041      }
1042  
1043      #wpadminbar #wp-admin-bar-user-info .display-name {
1044          height: auto;
1045          font-size: 16px;
1046          line-height: 1.5;
1047          color: #f0f0f1;
1048      }
1049  
1050      #wpadminbar #wp-admin-bar-user-info a {
1051          padding-top: 4px;
1052      }
1053  
1054      #wpadminbar #wp-admin-bar-user-info .username {
1055          line-height: 0.8 !important;
1056          margin-bottom: -2px;
1057      }
1058  
1059      /* Show only default top level items */
1060      #wp-toolbar > ul > li {
1061          display: none;
1062      }
1063  
1064      #wpadminbar li#wp-admin-bar-menu-toggle,
1065      #wpadminbar li#wp-admin-bar-wp-logo,
1066      #wpadminbar li#wp-admin-bar-my-sites,
1067      #wpadminbar li#wp-admin-bar-updates,
1068      #wpadminbar li#wp-admin-bar-site-name,
1069      #wpadminbar li#wp-admin-bar-site-editor,
1070      #wpadminbar li#wp-admin-bar-customize,
1071      #wpadminbar li#wp-admin-bar-new-content,
1072      #wpadminbar li#wp-admin-bar-edit,
1073      #wpadminbar li#wp-admin-bar-comments,
1074      #wpadminbar li#wp-admin-bar-my-account,
1075      #wpadminbar li#wp-admin-bar-command-palette {
1076          display: block;
1077      }
1078  
1079      /* Allow dropdown list items to appear normally */
1080      #wpadminbar li:hover ul li,
1081      #wpadminbar li.hover ul li,
1082      #wpadminbar li:hover ul li:hover ul li {
1083          display: list-item;
1084      }
1085  
1086      /* Override default min-width so dropdown lists aren't stretched
1087          to 100% viewport width at responsive sizes. */
1088      #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1089          min-width: fit-content;
1090      }
1091  
1092      #wpadminbar ul#wp-admin-bar-root-default > li {
1093          margin-left: 0;
1094      }
1095  
1096      /* Experimental fix for touch toolbar dropdown positioning */
1097      #wpadminbar .ab-top-menu,
1098      #wpadminbar .ab-top-secondary,
1099      #wpadminbar #wp-admin-bar-wp-logo,
1100      #wpadminbar #wp-admin-bar-my-sites,
1101      #wpadminbar #wp-admin-bar-site-name,
1102      #wpadminbar #wp-admin-bar-updates,
1103      #wpadminbar #wp-admin-bar-comments,
1104      #wpadminbar #wp-admin-bar-new-content,
1105      #wpadminbar #wp-admin-bar-edit,
1106      #wpadminbar #wp-admin-bar-my-account,
1107      #wpadminbar #wp-admin-bar-command-palette {
1108          position: static;
1109      }
1110  
1111      .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
1112          margin-left: 0;
1113      }
1114  
1115      /* Realign arrows on taller responsive submenus */
1116  
1117      #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item::before {
1118          top: 10px;
1119          right: 0;
1120      }
1121  }
1122  
1123  /* Smartphone */
1124  @media screen and (max-width: 600px) {
1125      #wpadminbar {
1126          position: absolute;
1127      }
1128  
1129      #wp-responsive-overlay {
1130          position: fixed;
1131          top: 0;
1132          right: 0;
1133          width: 100%;
1134          height: 100%;
1135          z-index: 400;
1136      }
1137  
1138      #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1139          width: 100%;
1140          right: 0;
1141      }
1142  
1143      #wpadminbar .menupop .menupop > .ab-item::before {
1144          display: none;
1145      }
1146  
1147      #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
1148          margin-right: 0;
1149      }
1150  
1151      #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
1152          margin: 0;
1153          /* Make submenus full-width at this size */
1154          width: 100%;
1155          position: static;
1156          box-shadow: none;
1157      }
1158  
1159      #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
1160          font-size: 16px;
1161          padding: 6px 30px 19px 15px;
1162      }
1163  
1164      #wpadminbar li:hover ul li ul li {
1165          display: list-item;
1166      }
1167  
1168      #wpadminbar li#wp-admin-bar-wp-logo,
1169      #wpadminbar li#wp-admin-bar-updates {
1170          display: none;
1171      }
1172  }
1173  
1174  /* Very narrow screens */
1175  @media screen and (max-width: 400px) {
1176      #wpadminbar li#wp-admin-bar-comments {
1177          display: none;
1178      }
1179  }