wp-includes/css/admin-bar.css

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