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