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