[ Index ]

WordPress 5.4.1

[ Index ]     [ Classes ]     [ Functions ]     [ Variables ]     [ Constants ]     [ Statistics ]    

title

Body

[close]

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

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


Generated: Tue May 19 15:51:04 2020 Cross-referenced by PHPXref 0.7.1