wp-includes/css/admin-bar.dev.css

   1 #wpadminbar * {
   2         height: auto;
   3         width: auto;
   4         margin: 0;
   5         padding: 0;
   6         position: static;
   7         text-transform: none;
   8         letter-spacing: normal;
   9         line-height: 1;
  10         font: normal 13px/28px sans-serif;
  11         color: #ccc;
  12         text-shadow: #444 0px -1px 0px;
  13 }
  14
  15 #wpadminbar ul li:before,
  16 #wpadminbar ul li:after {
  17         content: normal;
  18 }
  19
  20 #wpadminbar a,
  21 #wpadminbar a:hover,
  22 #wpadminbar a img,
  23 #wpadminbar a img:hover {
  24         outline: none;
  25         border: none;
  26         text-decoration: none;
  27         background: none;
  28 }
  29
  30 #wpadminbar {
  31         direction: ltr;
  32         color: #ccc;
  33         font: normal 13px/28px sans-serif;
  34         height: 28px;
  35         position: fixed;
  36         top: 0;
  37         left: 0;
  38         width: 100%;
  39         min-width: 600px; /* match the min-width of the body in wp-admin.css */
  40         z-index: 99999;
  41
  42         background-color: #464646; /* Fallback */
  43         background-image: -ms-linear-gradient(bottom, #373737, #464646 5px); /* IE10 */
  44         background-image: -moz-linear-gradient(bottom, #373737, #464646 5px); /* Firefox */
  45         background-image: -o-linear-gradient(bottom, #373737, #464646 5px); /* Opera */
  46         background-image: -webkit-gradient(linear, left bottom, left top, from(#373737), to(#464646)); /* old Webkit */
  47         background-image: -webkit-linear-gradient(bottom, #373737, #464646 5px); /* new Webkit */
  48         background-image: linear-gradient(bottom, #373737, #464646 5px); /* proposed W3C Markup */
  49 }
  50
  51 #wpadminbar .ab-sub-wrapper,
  52 #wpadminbar ul,
  53 #wpadminbar ul li {
  54         background: none;
  55         clear: none;
  56         list-style: none;
  57         margin: 0;
  58         padding: 0;
  59         position: relative;
  60         z-index: 99999;
  61 }
  62
  63 #wpadminbar .quicklinks {
  64         border-left: 1px solid transparent;
  65 }
  66
  67 #wpadminbar .quicklinks ul {
  68         text-align: left;
  69 }
  70
  71 #wpadminbar li {
  72         float: left;
  73 }
  74
  75 #wpadminbar .ab-empty-item {
  76         outline: none;
  77 }
  78
  79 #wpadminbar .quicklinks > ul > li {
  80         border-right: 1px solid #555;
  81 }
  82
  83 #wpadminbar .quicklinks > ul > li > a,
  84 #wpadminbar .quicklinks > ul > li > .ab-empty-item {
  85         border-right: 1px solid #333;
  86 }
  87
  88 #wpadminbar .quicklinks .ab-top-secondary > li {
  89         border-left: 1px solid #333;
  90         border-right: 0;
  91         float: right;
  92 }
  93
  94 #wpadminbar .quicklinks .ab-top-secondary > li > a,
  95 #wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item {
  96         border-left: 1px solid #555;
  97         border-right: 0;
  98 }
  99
 100 #wpadminbar .quicklinks a,
 101 #wpadminbar .quicklinks .ab-empty-item,
 102 #wpadminbar .shortlink-input {
 103         height: 28px;
 104         display: block;
 105         padding: 0 12px;
 106         margin: 0;
 107 }
 108
 109 #wpadminbar .menupop .ab-sub-wrapper,
 110 #wpadminbar .shortlink-input {
 111         margin: 0 0 0 -1px;
 112         padding: 0;
 113         -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
 114         -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
 115         box-shadow: 0 4px 4px rgba(0,0,0,0.2);
 116         background: #fff;
 117         display: none;
 118         position: absolute;
 119         float: none;
 120         border-width: 0 1px 1px 1px;
 121         border-style: solid;
 122         border-color: #dfdfdf;
 123 }
 124
 125 #wpadminbar.ie7 .menupop .ab-sub-wrapper,
 126 #wpadminbar.ie7 .shortlink-input {
 127         top: 28px;
 128         left: 0;
 129 }
 130
 131 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
 132         min-width: 100%;
 133 }
 134
 135 #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
 136         right: 0;
 137         left: auto;
 138         margin: 0 -1px 0 0;
 139 }
 140
 141 #wpadminbar .ab-sub-wrapper > .ab-submenu:first-child {
 142         border-top: none;
 143 }
 144
 145 #wpadminbar .ab-submenu {
 146         padding: 6px 0;
 147         border-top: 1px solid #dfdfdf;
 148 }
 149
 150 #wpadminbar .selected .shortlink-input {
 151         display: block;
 152 }
 153
 154 #wpadminbar .quicklinks .menupop ul li {
 155         float: none;
 156 }
 157
 158 #wpadminbar .quicklinks .menupop ul li a strong {
 159         font-weight: bold;
 160 }
 161
 162 #wpadminbar .quicklinks .menupop ul li .ab-item,
 163 #wpadminbar .quicklinks .menupop ul li a strong,
 164 #wpadminbar .quicklinks .menupop.hover ul li .ab-item,
 165 #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
 166 #wpadminbar .shortlink-input {
 167         line-height: 26px;
 168         height: 26px;
 169         text-shadow: none;
 170         white-space: nowrap;
 171         min-width: 140px;
 172 }
 173
 174 #wpadminbar .shortlink-input {
 175         width: 200px;
 176 }
 177
 178 #wpadminbar.nojs li:hover > .ab-sub-wrapper,
 179 #wpadminbar li.hover > .ab-sub-wrapper {
 180         display: block;
 181 }
 182
 183 #wpadminbar .menupop li:hover > .ab-sub-wrapper,
 184 #wpadminbar .menupop li.hover > .ab-sub-wrapper {
 185         margin-left: 100%;
 186         margin-top: -33px;
 187         border-width: 1px;
 188 }
 189
 190 #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
 191 #wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper {
 192         margin-left: 0;
 193         left: inherit;
 194         right: 100%;
 195 }
 196
 197 #wpadminbar .ab-top-menu > li:hover > .ab-item,
 198 #wpadminbar .ab-top-menu > li.hover > .ab-item,
 199 #wpadminbar .ab-top-menu > li > .ab-item:focus,
 200 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus {
 201         color: #fafafa;
 202         background-color: #3a3a3a; /* Fallback */
 203         background-image: -ms-linear-gradient(bottom, #3a3a3a, #222); /* IE10 */
 204         background-image: -moz-linear-gradient(bottom, #3a3a3a, #222); /* Firefox */
 205         background-image: -o-linear-gradient(bottom, #3a3a3a, #222); /* Opera */
 206         background-image: -webkit-gradient(linear, left bottom, left top, from(#3a3a3a), to(#222)); /* old Webkit */
 207         background-image: -webkit-linear-gradient(bottom, #3a3a3a, #222); /* new Webkit */
 208         background-image: linear-gradient(bottom, #3a3a3a, #222); /* proposed W3C Markup */
 209 }
 210
 211 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 212 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
 213         background: #fff;
 214         color: #333;
 215         text-shadow: none;
 216         border-right-color: transparent;
 217         border-left-color: transparent;
 218 }
 219
 220 #wpadminbar .hover .ab-label,
 221 #wpadminbar.nojq .ab-item:focus .ab-label {
 222         color: #fafafa;
 223 }
 224
 225 #wpadminbar .menupop.hover .ab-label {
 226         color: #333;
 227         text-shadow: none;
 228 }
 229
 230 #wpadminbar .menupop li:hover,
 231 #wpadminbar .menupop li.hover,
 232 #wpadminbar .quicklinks .menupop .ab-item:focus,
 233 #wpadminbar .quicklinks .ab-top-menu .menupop .ab-item:focus {
 234         background-color: #eaf2fa;
 235 }
 236
 237 #wpadminbar .ab-submenu .ab-item {
 238         color: #333;
 239         text-shadow: none;
 240 }
 241
 242 #wpadminbar .quicklinks .menupop ul li a,
 243 #wpadminbar .quicklinks .menupop ul li a strong,
 244 #wpadminbar .quicklinks .menupop.hover ul li a,
 245 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
 246         color: #21759B;
 247 }
 248
 249 #wpadminbar .menupop .menupop > .ab-item {
 250         display: block;
 251         background-image: url(../images/admin-bar-sprite.png?d=20111130);
 252         background-position: 95% -20px;
 253         background-repeat: no-repeat;
 254         padding-right: 2em;
 255 }
 256
 257 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
 258         background-image: url(../images/admin-bar-sprite.png?d=20111130);
 259         background-position: 5% -46px;
 260         background-repeat: no-repeat;
 261         padding-left: 2em;
 262         padding-right: 1em;
 263 }
 264
 265 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
 266         display: block;
 267         position: relative;
 268         right: auto;
 269         margin: 0;
 270
 271         background: #eee;
 272
 273         -moz-box-shadow: none;
 274         -webkit-box-shadow: none;
 275         box-shadow: none;
 276 }
 277
 278 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li:hover,
 279 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li.hover,
 280 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus {
 281         background-color: #dfdfdf;
 282 }
 283
 284 #wpadminbar .quicklinks a span#ab-updates {
 285         background: #eee;
 286         color: #333;
 287         text-shadow: none;
 288         display: inline;
 289         padding: 2px 5px;
 290         font-size: 10px;
 291         font-weight: bold;
 292         -webkit-border-radius: 10px;
 293         border-radius: 10px;
 294 }
 295
 296 #wpadminbar .quicklinks a:hover span#ab-updates  {
 297         background: #fff;
 298         color: #000;
 299 }
 300
 301 #wpadminbar .ab-top-secondary {
 302         float: right;
 303         background-color: #464646; /* Fallback */
 304         background-image: -ms-linear-gradient(bottom, #373737, #464646 5px); /* IE10 */
 305         background-image: -moz-linear-gradient(bottom, #373737, #464646 5px); /* Firefox */
 306         background-image: -o-linear-gradient(bottom, #373737, #464646 5px); /* Opera */
 307         background-image: -webkit-gradient(linear, left bottom, left top, from(#373737), to(#464646)); /* old Webkit */
 308         background-image: -webkit-linear-gradient(bottom, #373737, #464646 5px); /* new Webkit */
 309         background-image: linear-gradient(bottom, #373737, #464646 5px); /* proposed W3C Markup */
 310 }
 311
 312 #wpadminbar ul li:last-child,
 313 #wpadminbar ul li:last-child .ab-item {
 314         border-right: 0;
 315         -webkit-box-shadow: none;
 316         -moz-box-shadow: none;
 317         box-shadow: none;
 318 }
 319
 320 /**
 321  * My Account
 322  */
 323 #wp-admin-bar-my-account > ul {
 324         min-width: 198px;
 325 }
 326
 327 #wp-admin-bar-my-account.with-avatar > ul {
 328         min-width: 270px;
 329 }
 330
 331 #wpadminbar #wp-admin-bar-user-actions > li {
 332         margin-left: 16px;
 333         margin-right: 16px;
 334 }
 335
 336 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
 337         margin-left: 88px;
 338 }
 339
 340 #wp-admin-bar-user-actions > li > .ab-item {
 341         padding-left: 8px;
 342 }
 343
 344 #wpadminbar #wp-admin-bar-user-info {
 345         margin-top: 6px;
 346         margin-bottom: 15px;
 347         height: auto;
 348         background: none;
 349 }
 350
 351 #wp-admin-bar-user-info .avatar {
 352         position: absolute;
 353         left: -72px;
 354         top: 4px;
 355         width: 64px;
 356         height: 64px;
 357 }
 358
 359 #wpadminbar #wp-admin-bar-user-info a {
 360         background: none;
 361         height: auto;
 362 }
 363
 364 #wpadminbar #wp-admin-bar-user-info span {
 365         background: none;
 366         padding: 0;
 367         height: 18px;
 368 }
 369
 370 #wpadminbar #wp-admin-bar-user-info .display-name,
 371 #wpadminbar #wp-admin-bar-user-info .username {
 372         text-shadow: none;
 373         display: block;
 374 }
 375
 376 #wpadminbar #wp-admin-bar-user-info .display-name {
 377         color: #333;
 378 }
 379
 380 #wpadminbar #wp-admin-bar-user-info .username {
 381         color: #999;
 382         font-size: 11px;
 383 }
 384
 385 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
 386         width: 16px;
 387         height: 16px;
 388         border: 1px solid #999;
 389         padding: 0;
 390         background: #eee;
 391         line-height: 24px;
 392         vertical-align: middle;
 393         margin: -3px 0 0 6px;
 394         float: none;
 395         display: inline;
 396 }
 397
 398 /*
 399  * My Sites
 400  */
 401 #wpadminbar .quicklinks li img.blavatar {
 402         vertical-align: middle;
 403         margin: -3px 4px 0 0;
 404         padding: 0;
 405 }
 406
 407 /**
 408  * Search
 409  */
 410 #wpadminbar #wp-admin-bar-search .ab-item {
 411         padding: 0;
 412 }
 413
 414 #wpadminbar #wp-admin-bar-search .ab-item {
 415         /* default background */
 416         background: transparent;
 417 }
 418
 419 #wpadminbar #adminbarsearch {
 420         height: 28px;
 421         padding: 0 2px;
 422 }
 423
 424 #wpadminbar #adminbarsearch .adminbar-input {
 425         font: 13px/24px sans-serif;
 426         height: 24px;
 427         width: 24px;
 428         border: none;
 429         padding: 0 3px 0 23px;
 430         margin: 0;
 431         color: #ccc;
 432         text-shadow: #444 0px -1px 0px;
 433         background-color: rgba( 255, 255, 255, 0 );
 434         background-image: url(../images/admin-bar-sprite.png?d=20111130);
 435         background-position: 3px 2px;
 436         background-repeat: no-repeat;
 437         outline: none;
 438         cursor: pointer;
 439
 440         -webkit-border-radius: 3px;
 441         border-radius: 3px;
 442
 443         -moz-box-shadow: none;
 444         -webkit-box-shadow: none;
 445         box-shadow: none;
 446
 447         -moz-box-sizing: border-box;
 448         -webkit-box-sizing: border-box;
 449         -ms-box-sizing: border-box;
 450         box-sizing: border-box;
 451
 452         -webkit-transition-duration: 400ms;
 453         -webkit-transition-property: width, background;
 454         -webkit-transition-timing-function: ease;
 455         -moz-transition-duration: 400ms;
 456         -moz-transition-property: width, background;
 457         -moz-transition-timing-function: ease;
 458         -o-transition-duration: 400ms;
 459         -o-transition-property: width, background;
 460         -o-transition-timing-function: ease;
 461 }
 462
 463 #wpadminbar.ie7 #adminbarsearch .adminbar-input {
 464         margin-top: 1px;
 465         width: 120px;
 466 }
 467
 468 #wpadminbar #adminbarsearch .adminbar-input:focus {
 469         color: #555;
 470         text-shadow: 0 1px 0 #fff;
 471         width: 200px;
 472         background-color: rgba( 255, 255, 255, 0.9 );
 473         cursor: text;
 474 }
 475
 476 #wpadminbar.ie8 #adminbarsearch .adminbar-input {
 477         background-color: #464646;
 478 }
 479
 480 #wpadminbar.ie8 #adminbarsearch .adminbar-input:focus {
 481         background-color: #fff;
 482 }
 483
 484 /* Two rules to ensure browser recognition */
 485 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
 486         color: #ddd;
 487 }
 488
 489 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
 490         color: #ddd;
 491 }
 492
 493 #wpadminbar #adminbarsearch .adminbar-button {
 494         display: none;
 495 }
 496
 497 /**
 498  * Site Menu
 499  */
 500 #wpadminbar #wp-admin-bar-appearance {
 501         border-top: none;
 502         margin-top: -12px;
 503 }
 504
 505 /**
 506  * Site Menu
 507  */
 508 #wpadminbar #wp-admin-bar-appearance {
 509         border-top: none;
 510         margin-top: -12px;
 511 }
 512
 513 /**
 514  * ICONS
 515  */
 516 #wpadminbar .ab-icon {
 517         position: relative;
 518         float: left;
 519         width: 16px;
 520         height: 16px;
 521         margin-top: 6px;
 522 }
 523
 524 #wpadminbar .ab-label {
 525         margin-left: 4px;
 526 }
 527
 528 /**
 529  * WP Logo icon
 530  */
 531 #wp-admin-bar-wp-logo > .ab-item .ab-icon {
 532         width: 20px;
 533         height: 20px;
 534         margin-top: 4px;
 535         background-image: url(../images/admin-bar-sprite.png?d=20111130);
 536         background-position: 0 -76px;
 537         background-repeat: no-repeat;
 538 }
 539
 540 #wpadminbar.nojs #wp-admin-bar-wp-logo:hover > .ab-item .ab-icon,
 541 #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
 542         background-position: 0 -104px;
 543 }
 544
 545 /**
 546  * Updates icon
 547  */
 548 #wp-admin-bar-updates > .ab-item .ab-icon {
 549         background-image: url(../images/admin-bar-sprite.png?d=20111130);
 550         background-position: -2px -159px;
 551         background-repeat: no-repeat;
 552 }
 553
 554 /**
 555  * Comments icon
 556  */
 557 #wp-admin-bar-comments > .ab-item .ab-icon {
 558         background-image: url(../images/admin-bar-sprite.png?d=20111130);
 559         background-position: -1px -134px;
 560         background-repeat: no-repeat;
 561 }
 562
 563 #wpadminbar span.count-0 {
 564         display: none;
 565 }
 566
 567 /**
 568  * Add New icon
 569  */
 570 #wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon {
 571         background-image: url(../images/admin-bar-sprite.png?d=20111130);
 572         background-position: -2px -182px;
 573         background-repeat: no-repeat;
 574 }
 575
 576 /**
 577  * Add New icon
 578  */
 579 #wpadminbar.nojs #wp-admin-bar-new-content:hover > .ab-item .ab-icon,
 580 #wpadminbar #wp-admin-bar-new-content.hover > .ab-item .ab-icon {
 581         background-position: -2px -203px;
 582 }
 583
 584 /**
 585  * Customize support classes
 586  */
 587 .no-customize-support .hide-if-no-customize,
 588 .customize-support .hide-if-customize {
 589         display: none;
 590 }
 591
 592 /**
 593  * Retina display 2x icons
 594  */
 595 @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
 596         #wpadminbar .menupop .menupop > .ab-item,
 597         #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item,
 598         #wpadminbar #adminbarsearch .adminbar-input,
 599         #wp-admin-bar-wp-logo > .ab-item .ab-icon,
 600         #wp-admin-bar-updates > .ab-item .ab-icon,
 601         #wp-admin-bar-comments > .ab-item .ab-icon,
 602         #wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon {
 603                 background-image: url(../images/admin-bar-sprite-2x.png?d=20120516);
 604                 background-size: 20px 220px;
 605         }
 606 }
 607
 608 /**
 609  * IE 6-targeted rules
 610  */
 611 * html #wpadminbar {
 612         overflow: hidden;
 613         position: absolute;
 614 }
 615
 616 * html #wpadminbar .quicklinks ul li a {
 617         float: left;
 618 }
 619
 620 * html #wpadminbar .menupop a span {
 621         background-image: none;
 622 }