[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-includes/css/ -> admin-bar.css (source)

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


Generated : Fri Oct 10 08:20:03 2025 Cross-referenced by PHPXref