[Summary view] [Print] [Text view]

   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: rtl;
  74      color: #ccc;
  75      font: normal 13px/32px "Open Sans", sans-serif;
  76      height: 32px;
  77      position: fixed;
  78      top: 0;
  79      right: 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-left: 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-right: 1px solid transparent;
 108  }
 109  
 110  #wpadminbar .quicklinks ul {
 111      text-align: right;
 112  }
 113  
 114  #wpadminbar li {
 115      float: right;
 116  }
 117  
 118  #wpadminbar .ab-empty-item {
 119      outline: none;
 120  }
 121  
 122  #wpadminbar .quicklinks .ab-top-secondary > li {
 123      float: left;
 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 7px 0 8px;
 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      right: 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      left: 0;
 163      right: 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-right: 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-right: 0;
 211      right: inherit;
 212      left: 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: right;
 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-left: 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-left: 2em;
 304  }
 305  
 306  #wpadminbar .menupop .menupop > .ab-item:before {
 307      top: 1px;
 308      left: 4px;
 309      content: '\f139';
 310      color: inherit;
 311  }
 312  
 313  #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
 314      padding-right: 2em;
 315      padding-left: 1em;
 316  }
 317  
 318  #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
 319      top: 5px;
 320      right: 3px;
 321      content: '\f141';
 322  }
 323  
 324  #wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
 325      display: block;
 326      position: relative;
 327      left: 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: left;
 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: left;
 380      margin-right: 6px;
 381      margin-left: 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-right: 16px;
 395      margin-left: 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-right: 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      right: -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 6px 0 0;
 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-left: 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: right;
 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 -2px 0 8px;
 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: '\f464';
 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-left: 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: '\f463';
 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      right: 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 24px 0 3px;
 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      right: -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      right: 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: right;
 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          right: 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 > ul > 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: 52px;
 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-left: 30px;
 818      }
 819  
 820      #wpadminbar .menupop .menupop > .ab-item:before {
 821          top: 10px;
 822          left: 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: 52px;
 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: 52px;
 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-left: 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: 52px;
 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: 52px;
 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          left: 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-left: 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: left;
1038      }
1039  
1040      .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
1041          margin-left: 0;
1042      }
1043      
1044      /* Realign arrows on taller responsive submenus */
1045      
1046      #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
1047          top: 10px;
1048          right: 0;
1049      }
1050  }
1051  
1052  /* Smartphone */
1053  @media screen and (max-width: 600px) {
1054      #wpadminbar {
1055          position: absolute;
1056      }
1057      
1058      #wp-responsive-overlay {
1059          position: fixed;
1060          top: 0;
1061          right: 0;
1062          width: 100%;
1063          height: 100%;
1064          z-index: 400;
1065      }
1066  
1067      #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1068          position: fixed;
1069          width: 100%;
1070          right: 0;
1071      }
1072  
1073      #wpadminbar .menupop .menupop > .ab-item:before {
1074          display: none;
1075      }
1076  
1077      #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
1078          margin-right: 0;
1079      }
1080      
1081      #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
1082          margin: 0;
1083          width: 100%;
1084          top: auto;
1085          right: auto;
1086          position: relative;
1087      }
1088      
1089      #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
1090          font-size: 16px;
1091          padding: 6px 30px 19px 15px;
1092      }
1093      
1094      #wpadminbar li:hover ul li ul li {
1095          display: list-item;
1096      }
1097  
1098      #wpadminbar li#wp-admin-bar-wp-logo,
1099      #wpadminbar li#wp-admin-bar-updates {
1100          display: none;
1101      }
1102      
1103      /* Make submenus full-width at this size */
1104      
1105      #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
1106          position: static;
1107          -webkit-box-shadow: none;
1108          box-shadow: none;
1109      }
1110  }