← Back to branch summary

~canonical-sysadmins/wordpress/4.7.2

« back to all changes in this revision

Viewing changes to wp-includes/css/admin-bar.css

  • Committer: Jacek Nykis
  • Date: 2015-01-05 16:17:05 UTC
  • Revision ID: jacek.nykis@canonical.com-20150105161705-w544l1h5mcg7u4w9
Initial commit

Show diffs side-by-side

added added

removed removed

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