[Summary view] [Print] [Text view]

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