← Back to branch summary

~ubuntu-branches/debian/sid/wordpress/sid

« back to all changes in this revision

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

  • Committer: Package Import Robot
  • Author(s): Craig Small
  • Date: 2014-01-24 22:20:08 UTC
  • mfrom: (1.2.31)
  • Revision ID: package-import@ubuntu.com-20140124222008-wgyk0hvmhjkubf9i
Tags: 3.8.1+dfsg-1
http://bugs.debian.org/732914
* New upstream release.
* Depend on either mysql or mariadb client Closes: #732914

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-includes/css/admin-bar-rtl.css
1
1
#wpadminbar * {
2
 
        font-family: Tahoma, Arial, Helvetica, sans-serif;
 
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;
3
70
}
4
71
 
5
72
#wpadminbar {
6
73
        direction: rtl;
7
 
        font-family: Tahoma, Arial, Helvetica, sans-serif;
8
 
        left: auto;
 
74
        color: #ccc;
 
75
        font: normal 13px/32px "Open Sans", sans-serif;
 
76
        height: 32px;
 
77
        position: fixed;
 
78
        top: 0;
9
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;
10
108
}
11
109
 
12
110
#wpadminbar .quicklinks ul {
17
115
        float: right;
18
116
}
19
117
 
20
 
#wpadminbar .quicklinks > ul > li {
21
 
        border-right: 0;
22
 
        border-left: 1px solid #555;
23
 
}
24
 
 
25
 
#wpadminbar .quicklinks > ul > li > a,
26
 
#wpadminbar .quicklinks > ul > li > .ab-empty-item {
27
 
        border-right: 0;
28
 
        border-left: 1px solid #333;
 
118
#wpadminbar .ab-empty-item {
 
119
        outline: none;
29
120
}
30
121
 
31
122
#wpadminbar .quicklinks .ab-top-secondary > li {
32
 
        border-left: 0;
33
 
        border-right: 1px solid #333;
34
123
        float: left;
35
124
}
36
125
 
37
 
#wpadminbar .quicklinks .ab-top-secondary > li > a,
38
 
#wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item {
39
 
        border-right: 1px solid #555;
40
 
        border-left: 0;
 
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;
41
137
}
42
138
 
43
139
#wpadminbar .menupop .ab-sub-wrapper,
44
140
#wpadminbar .shortlink-input {
45
 
        margin: 0 -1px 0 0;
 
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;
46
149
}
47
150
 
48
151
#wpadminbar.ie7 .menupop .ab-sub-wrapper,
49
152
#wpadminbar.ie7 .shortlink-input {
50
 
        left: auto;
 
153
        top: 32px;
51
154
        right: 0;
52
155
}
53
156
 
 
157
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
 
158
        min-width: 100%;
 
159
}
 
160
 
54
161
#wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
 
162
        left: 0;
55
163
        right: auto;
56
 
        left: 0;
57
 
        margin: 0 0 0 -1px;
 
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;
58
200
}
59
201
 
60
202
#wpadminbar .menupop li:hover > .ab-sub-wrapper,
61
203
#wpadminbar .menupop li.hover > .ab-sub-wrapper {
62
 
        margin-left: 0px;
63
204
        margin-right: 100%;
 
205
        margin-top: -32px;
64
206
}
65
207
 
66
208
#wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
67
209
#wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper {
68
 
        margin-left: inherit;
69
210
        margin-right: 0;
 
211
        right: inherit;
70
212
        left: 100%;
71
 
        right: inherit;
 
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;
72
299
}
73
300
 
74
301
#wpadminbar .menupop .menupop > .ab-item {
75
 
        background-position: 5% -46px;
 
302
        display: block;
76
303
        padding-left: 2em;
77
 
        padding-right: 1em;
 
304
}
 
305
 
 
306
#wpadminbar .menupop .menupop > .ab-item:before {
 
307
        top: 1px;
 
308
        left: 4px;
 
309
        content: '\f139';
 
310
        color: inherit;
78
311
}
79
312
 
80
313
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
81
 
        background-position: 95% -20px;
 
314
        padding-right: 2em;
82
315
        padding-left: 1em;
83
 
        padding-right: 2em;
 
316
}
 
317
 
 
318
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
 
319
        top: 5px;
 
320
        right: 3px;
 
321
        content: '\f141';
84
322
}
85
323
 
86
324
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
87
 
        right: 0;
 
325
        display: block;
 
326
        position: relative;
88
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;
89
357
}
90
358
 
91
359
#wpadminbar .ab-top-secondary {
92
360
        float: left;
93
 
        right: auto;
94
 
        left: 0;
95
361
}
96
362
 
97
363
#wpadminbar ul li:last-child,
98
364
#wpadminbar ul li:last-child .ab-item {
99
 
        border-left: 0;
100
 
}
101
 
 
102
 
#wpadminbar .screen-reader-shortcut:focus {
103
 
        left: auto;
104
 
        right: 6px;
 
365
        -webkit-box-shadow: none;
 
366
        box-shadow: none;
105
367
}
106
368
 
107
369
/**
108
370
 * My Account
109
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
 
110
402
#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
111
403
        margin-right: 88px;
112
 
        margin-left: 16px;
113
404
}
114
405
 
115
 
#wp-admin-bar-user-actions > li > .ab-item {
116
 
        padding-left: 0;
117
 
        padding-right: 8px;
 
406
#wpadminbar #wp-admin-bar-user-info {
 
407
        margin-top: 6px;
 
408
        margin-bottom: 15px;
 
409
        height: auto;
 
410
        background: none;
118
411
}
119
412
 
120
413
#wp-admin-bar-user-info .avatar {
121
 
        left: auto;
 
414
        position: absolute;
122
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;
123
440
}
124
441
 
125
442
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
126
 
        margin-left: -1px;
127
 
        margin-right: 4px
 
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;
128
472
}
129
473
 
130
474
/*
131
 
 * My Sites
 
475
 * My Sites & Site Title
132
476
 */
133
477
#wpadminbar .quicklinks li .blavatar {
134
 
        margin-right: 0px;
135
 
        margin-left: 4px;
136
 
}
137
 
 
138
 
/*
 
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
/**
139
552
 * Search
140
553
 */
141
 
#wpadminbar #adminbarsearch .adminbar-input {
142
 
        font-family: Tahoma, Arial, Helvetica, sans-serif;
 
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;
143
583
        padding: 0 24px 0 3px;
144
584
        margin: 0;
145
 
        background-position: 50% 2px;
146
 
}
147
 
 
148
 
#wpadminbar #adminbarsearch .adminbar-input:focus,
149
 
#wpadminbar.ie7 #adminbarsearch .adminbar-input {
150
 
        background-position: 99% 2px;
 
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;
151
648
}
152
649
 
153
650
/**
154
 
 * Comments icon
 
651
 * Customize support classes
155
652
 */
156
 
#wpadminbar .ab-icon {
157
 
        float: right;
158
 
}
159
 
 
160
 
.ie7 #wp-admin-bar-wp-logo > .ab-item .ab-icon {
161
 
        position: static;
162
 
}
163
 
 
164
 
#wpadminbar.ie7 .ab-icon {
165
 
        float: left;
166
 
        left: 12px;
167
 
}
168
 
 
169
 
#wpadminbar .ab-label {
170
 
        margin-left: 0px;
171
 
        margin-right: 4px;
172
 
        float: left;
173
 
}
174
 
 
175
 
#wpadminbar.ie7 .ab-label {
176
 
        margin-right: 0;
177
 
}
178
 
 
179
 
#wpadminbar.ie7 #wp-admin-bar-comments > a {
180
 
        min-width: 25px;
181
 
}
182
 
 
183
 
#wpadminbar a:hover .ab-comments-icon-arrow {
184
 
        border-right-color: #bbb;
185
 
}
186
 
 
187
 
#wpadminbar .menupop .ab-sub-wrapper,
188
 
#wpadminbar .shortlink-input {
189
 
        right: 0;
190
 
}
191
 
 
192
 
#wpadminbar .quicklinks .menupop ul li a {
193
 
        position: relative;
 
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);
194
694
}
195
695
 
196
696
/**
197
697
 * IE 6-targeted rules
198
698
 */
 
699
* html #wpadminbar {
 
700
        overflow: hidden;
 
701
        position: absolute;
 
702
}
 
703
 
199
704
* html #wpadminbar .quicklinks ul li a {
200
705
        float: right;
201
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
}