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