← Back to branch summary

~canonical-sysadmins/wordpress/4.7.2

« back to all changes in this revision

Viewing changes to wp-admin/css/admin-menu-rtl.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-admin/css/admin-menu-rtl.css
 
1
#adminmenuback,
 
2
#adminmenuwrap,
 
3
#adminmenu,
 
4
#adminmenu .wp-submenu {
 
5
        width: 160px;
 
6
        background-color: #222;
 
7
}
 
8
 
 
9
#adminmenuback {
 
10
        position: absolute;
 
11
        top: 0;
 
12
        bottom: 0;
 
13
        z-index: -1;
 
14
}
 
15
 
 
16
#adminmenu {
 
17
        clear: right;
 
18
        margin: 12px 0 0;
 
19
        padding: 0;
 
20
        list-style: none;
 
21
}
 
22
 
 
23
.folded #adminmenuback,
 
24
.folded #adminmenuwrap,
 
25
.folded #adminmenu,
 
26
.folded #adminmenu li.menu-top {
 
27
        width: 36px;
 
28
}
 
29
 
 
30
.icon16 {
 
31
        height: 18px;
 
32
        width: 18px;
 
33
        padding: 6px 6px;
 
34
        margin: -6px -8px 0 0;
 
35
        float: right;
 
36
}
 
37
 
 
38
/* New Menu icons */
 
39
 
 
40
.icon16:before {
 
41
        color: #999;
 
42
        font: normal 20px/1 'dashicons';
 
43
        speak: none;
 
44
        padding: 6px 0;
 
45
        height: 34px;
 
46
        width: 20px;
 
47
        display: inline-block;
 
48
        -webkit-font-smoothing: antialiased;
 
49
        -moz-osx-font-smoothing: grayscale;
 
50
        -webkit-transition: all .1s ease-in-out;
 
51
        transition: all .1s ease-in-out;
 
52
}
 
53
 
 
54
.icon16.icon-dashboard:before {
 
55
        content: '\f226';
 
56
}
 
57
 
 
58
.icon16.icon-post:before {
 
59
        content: '\f109';
 
60
}
 
61
 
 
62
.icon16.icon-media:before {
 
63
        content: '\f104';
 
64
}
 
65
 
 
66
.icon16.icon-links:before {
 
67
        content: '\f103';
 
68
}
 
69
 
 
70
.icon16.icon-page:before {
 
71
        content: '\f105';
 
72
}
 
73
 
 
74
.icon16.icon-comments:before {
 
75
        content: '\f101';
 
76
        margin-top: 1px;
 
77
}
 
78
 
 
79
.icon16.icon-appearance:before {
 
80
        content: '\f100';
 
81
}
 
82
 
 
83
.icon16.icon-plugins:before {
 
84
        content: '\f106';
 
85
}
 
86
 
 
87
.icon16.icon-users:before {
 
88
        content: '\f110';
 
89
}
 
90
 
 
91
.icon16.icon-tools:before {
 
92
        content: '\f107';
 
93
}
 
94
 
 
95
.icon16.icon-settings:before {
 
96
        content: '\f108';
 
97
}
 
98
 
 
99
.icon16.icon-site:before {
 
100
        content: '\f112'
 
101
}
 
102
 
 
103
.icon16.icon-generic:before {
 
104
        content: '\f111';
 
105
}
 
106
 
 
107
/* hide background-image for icons above */
 
108
.icon16.icon-dashboard,
 
109
.menu-icon-dashboard div.wp-menu-image,
 
110
.icon16.icon-post,
 
111
.menu-icon-post div.wp-menu-image,
 
112
.icon16.icon-media,
 
113
.menu-icon-media div.wp-menu-image,
 
114
.icon16.icon-links,
 
115
.menu-icon-links div.wp-menu-image,
 
116
.icon16.icon-page,
 
117
.menu-icon-page div.wp-menu-image,
 
118
.icon16.icon-comments,
 
119
.menu-icon-comments div.wp-menu-image,
 
120
.icon16.icon-appearance,
 
121
.menu-icon-appearance div.wp-menu-image,
 
122
.icon16.icon-plugins,
 
123
.menu-icon-plugins div.wp-menu-image,
 
124
.icon16.icon-users,
 
125
.menu-icon-users div.wp-menu-image,
 
126
.icon16.icon-tools,
 
127
.menu-icon-tools div.wp-menu-image,
 
128
.icon16.icon-settings,
 
129
.menu-icon-settings div.wp-menu-image,
 
130
.icon16.icon-site,
 
131
.menu-icon-site div.wp-menu-image,
 
132
.icon16.icon-generic,
 
133
.menu-icon-generic div.wp-menu-image {
 
134
        background-image: none !important;
 
135
}
 
136
 
 
137
/*------------------------------------------------------------------------------
 
138
  7.0 - Main Navigation (Left Menu)
 
139
------------------------------------------------------------------------------*/
 
140
 
 
141
#adminmenuwrap {
 
142
        position: relative;
 
143
        float: right;
 
144
}
 
145
 
 
146
/* side admin menu */
 
147
#adminmenu * {
 
148
        -webkit-user-select: none;
 
149
        -moz-user-select: none;
 
150
        -ms-user-select: none;
 
151
        user-select: none;
 
152
}
 
153
 
 
154
#adminmenu li {
 
155
        margin: 0;
 
156
        padding: 0;
 
157
        cursor: pointer;
 
158
}
 
159
 
 
160
#adminmenu a {
 
161
        display: block;
 
162
        line-height: 18px;
 
163
        padding: 2px 5px;
 
164
        color: #eee;
 
165
}
 
166
 
 
167
#adminmenu .wp-submenu a {
 
168
        color: #bbb;
 
169
}
 
170
 
 
171
#adminmenu .wp-submenu a:hover,
 
172
#adminmenu .wp-submenu a:focus {
 
173
        background: none;
 
174
}
 
175
 
 
176
#adminmenu a:hover,
 
177
#adminmenu li.menu-top > a:focus,
 
178
#adminmenu .wp-submenu a:hover,
 
179
#adminmenu .wp-submenu a:focus {
 
180
        color: #2ea2cc;
 
181
}
 
182
 
 
183
#adminmenu li.menu-top {
 
184
        border: none;
 
185
        min-height: 34px;
 
186
        position: relative;
 
187
}
 
188
 
 
189
#adminmenu .wp-submenu {
 
190
        list-style: none;
 
191
        position: absolute;
 
192
        top: -1000em;
 
193
        right: 160px;
 
194
        overflow: visible;
 
195
        word-wrap: break-word;
 
196
}
 
197
 
 
198
#adminmenu .wp-submenu,
 
199
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 
200
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
 
201
        padding: 7px 0 8px;
 
202
        z-index: 9999;
 
203
        background-color: #333;
 
204
        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
 
205
        box-shadow: 0 3px 5px rgba(0,0,0,0.2);
 
206
}
 
207
 
 
208
.js #adminmenu .sub-open,
 
209
.js #adminmenu .opensub .wp-submenu,
 
210
#adminmenu a.menu-top:focus + .wp-submenu,
 
211
.no-js li.wp-has-submenu:hover .wp-submenu {
 
212
        top: -1px;
 
213
}
 
214
 
 
215
#adminmenu .wp-has-current-submenu .wp-submenu,
 
216
.no-js li.wp-has-current-submenu:hover .wp-submenu,
 
217
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 
218
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
 
219
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
 
220
        position: relative;
 
221
        z-index: 3;
 
222
        top: auto;
 
223
        right: auto;
 
224
        left: auto;
 
225
        bottom: auto;
 
226
        border: 0 none;
 
227
        margin-top: 0;
 
228
        -webkit-box-shadow: none;
 
229
        box-shadow: none;
 
230
        background-color: #333;
 
231
}
 
232
 
 
233
/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
 
234
#adminmenu li.menu-top:hover,
 
235
#adminmenu li.opensub > a.menu-top,
 
236
#adminmenu li > a.menu-top:focus {
 
237
        position: relative;
 
238
        background-color: #111;
 
239
}
 
240
 
 
241
.folded #adminmenu li.menu-top:hover,
 
242
.folded #adminmenu li.opensub > a.menu-top,
 
243
.folded #adminmenu li > a.menu-top:focus {
 
244
        z-index: 10000;
 
245
}
 
246
 
 
247
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
 
248
#adminmenu li.current a.menu-top,
 
249
.folded #adminmenu li.wp-has-current-submenu,
 
250
.folded #adminmenu li.current.menu-top,
 
251
#adminmenu .wp-menu-arrow,
 
252
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
 
253
#adminmenu .wp-menu-arrow div {
 
254
        background: #0074a2;
 
255
        color: #fff;
 
256
}
 
257
 
 
258
.folded #adminmenu .wp-submenu.sub-open,
 
259
.folded #adminmenu .opensub .wp-submenu,
 
260
.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
 
261
.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 
262
.folded #adminmenu a.menu-top:focus + .wp-submenu,
 
263
.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
 
264
.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
 
265
        top: 0;
 
266
        right: 36px;
 
267
}
 
268
 
 
269
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 
270
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
 
271
        position: absolute;
 
272
        top: -1000em;
 
273
}
 
274
 
 
275
#adminmenu .wp-not-current-submenu .wp-submenu,
 
276
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
 
277
        min-width: 160px;
 
278
        width: auto;
 
279
}
 
280
 
 
281
#adminmenu .wp-submenu a {
 
282
        font-size: 13px;
 
283
        line-height: 1.2;
 
284
        margin: 0;
 
285
        padding: 6px 0;
 
286
}
 
287
 
 
288
#adminmenu .wp-submenu li.current,
 
289
#adminmenu .wp-submenu li.current a,
 
290
#adminmenu .opensub .wp-submenu li.current a,
 
291
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
 
292
#adminmenu .wp-submenu li.current a:hover,
 
293
#adminmenu .wp-submenu li.current a:focus {
 
294
        color: #fff;
 
295
}
 
296
 
 
297
#adminmenu .wp-not-current-submenu li > a,
 
298
.folded #adminmenu .wp-has-current-submenu li > a {
 
299
        padding-left: 16px;
 
300
        padding-right: 14px;
 
301
        -webkit-transition: all .1s ease-in-out;
 
302
        transition: all .1s ease-in-out;
 
303
}
 
304
 
 
305
#adminmenu .wp-has-current-submenu ul > li > a,
 
306
.folded #adminmenu li.menu-top .wp-submenu > li > a {
 
307
        padding: 6px 12px;
 
308
}
 
309
 
 
310
#adminmenu a.menu-top,
 
311
#adminmenu .wp-submenu-head {
 
312
        font-size: 14px;
 
313
        font-weight: 400;
 
314
        line-height: 18px;
 
315
        padding: 0;
 
316
}
 
317
 
 
318
#adminmenu .wp-submenu-head,
 
319
.folded #adminmenu .wp-menu-name {
 
320
        display: none;
 
321
}
 
322
 
 
323
.folded #adminmenu .wp-submenu-head {
 
324
        display: block;
 
325
}
 
326
 
 
327
#adminmenu .wp-submenu li {
 
328
        padding: 0;
 
329
        margin: 0;
 
330
        overflow: hidden;
 
331
}
 
332
 
 
333
#adminmenu .wp-menu-image img {
 
334
        padding: 9px 0 0 0;
 
335
        opacity: 0.6;
 
336
        filter: alpha(opacity=60);
 
337
}
 
338
 
 
339
#adminmenu div.wp-menu-name {
 
340
        padding: 8px 0;
 
341
}
 
342
 
 
343
#adminmenu div.wp-menu-image {
 
344
        float: right;
 
345
        width: 36px;
 
346
        height: 34px;
 
347
        margin: 0;
 
348
        text-align: center;
 
349
}
 
350
 
 
351
#adminmenu div.wp-menu-image.svg {
 
352
        background-repeat: no-repeat;
 
353
        background-position: center;
 
354
        -webkit-background-size: 20px auto;
 
355
        background-size: 20px auto;
 
356
}
 
357
 
 
358
div.wp-menu-image:before {
 
359
        color: #999;
 
360
        padding: 7px 0;
 
361
        -webkit-transition: all .1s ease-in-out;
 
362
        transition: all .1s ease-in-out;
 
363
}
 
364
 
 
365
#adminmenu div.wp-menu-image:before {
 
366
        color: #999;
 
367
}
 
368
 
 
369
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
 
370
#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
 
371
#adminmenu .current div.wp-menu-image:before,
 
372
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
 
373
#adminmenu a.current:hover div.wp-menu-image:before {
 
374
        color: #fff;
 
375
}
 
376
 
 
377
#adminmenu li:hover div.wp-menu-image:before {
 
378
        color: #2ea2cc;
 
379
}
 
380
 
 
381
.folded #adminmenu div.wp-menu-image {
 
382
        width: 35px;
 
383
        height: 30px;
 
384
        position: absolute;
 
385
        z-index: 25;
 
386
}
 
387
 
 
388
.folded #adminmenu a.menu-top {
 
389
        height: 34px;
 
390
}
 
391
 
 
392
/* No @font-face support */
 
393
.no-font-face #adminmenu .wp-menu-image {
 
394
        display: none;
 
395
}
 
396
 
 
397
.no-font-face #adminmenu div.wp-menu-name {
 
398
        padding: 8px 12px;
 
399
}
 
400
 
 
401
.no-font-face.auto-fold #adminmenu .wp-menu-name {
 
402
        margin-right: 0;
 
403
}
 
404
/* End no @font-face support */
 
405
 
 
406
/* Sticky admin menu */
 
407
.sticky-menu #adminmenuwrap {
 
408
        position: fixed;
 
409
        z-index: 9999; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */
 
410
}
 
411
 
 
412
/* A new arrow */
 
413
 
 
414
.wp-menu-arrow {
 
415
        display: none !important;
 
416
}
 
417
 
 
418
ul#adminmenu a.wp-has-current-submenu {
 
419
        position: relative;
 
420
}
 
421
 
 
422
ul#adminmenu a.wp-has-current-submenu:after,
 
423
ul#adminmenu > li.current > a.current:after {
 
424
        left: 0;
 
425
        border: solid 8px transparent;
 
426
        content: " ";
 
427
        height: 0;
 
428
        width: 0;
 
429
        position: absolute;
 
430
        pointer-events: none;
 
431
        border-left-color: #f1f1f1;
 
432
        top: 50%;
 
433
        margin-top: -8px;
 
434
}
 
435
 
 
436
.folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
 
437
        display: none;
 
438
}
 
439
 
 
440
.folded ul#adminmenu a.wp-has-current-submenu:after,
 
441
.folded ul#adminmenu > li a.current:after {
 
442
        border-width: 4px;
 
443
        margin-top: -4px;
 
444
}
 
445
 
 
446
/* flyout menu arrow */
 
447
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
 
448
        left: 0;
 
449
        border: solid transparent;
 
450
        content: " ";
 
451
        height: 0;
 
452
        width: 0;
 
453
        position: absolute;
 
454
        pointer-events: none;
 
455
        border-width: 8px;
 
456
        top: 10px;
 
457
        z-index: 10000;
 
458
}
 
459
 
 
460
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
 
461
        border-width: 4px;
 
462
        margin-top: -4px;
 
463
        top: 18px;
 
464
}
 
465
 
 
466
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
 
467
        border-left-color: #333;
 
468
}
 
469
 
 
470
#adminmenu li.menu-top:hover .wp-menu-image img,
 
471
#adminmenu li.wp-has-current-submenu .wp-menu-image img {
 
472
        opacity: 1;
 
473
        filter: alpha(opacity=100);
 
474
}
 
475
 
 
476
#adminmenu li.wp-menu-separator {
 
477
        height: 5px;
 
478
        padding: 0;
 
479
        margin: 0 0 6px 0;
 
480
        cursor: inherit;
 
481
}
 
482
 
 
483
/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
 
484
#adminmenu div.separator {
 
485
        height: 2px;
 
486
        padding: 0;
 
487
}
 
488
 
 
489
#adminmenu .wp-submenu .wp-submenu-head {
 
490
        color: #fff;
 
491
        font-weight: 400;
 
492
        font-size: 14px;
 
493
        padding: 8px 11px 8px 4px;
 
494
        margin: -7px 0px 4px;
 
495
}
 
496
 
 
497
#adminmenu li.current,
 
498
.folded #adminmenu li.wp-menu-open {
 
499
        border: 0 none;
 
500
}
 
501
 
 
502
#adminmenu .awaiting-mod,
 
503
#adminmenu .update-plugins,
 
504
#sidemenu li a span.update-plugins {
 
505
        display: inline-block;
 
506
        background-color: #d54e21;
 
507
        color: #fff;
 
508
        font-size: 9px;
 
509
        line-height: 17px;
 
510
        font-weight: 600;
 
511
        margin: 1px 2px 0 0;
 
512
        vertical-align: top;
 
513
        -webkit-border-radius: 10px;
 
514
        border-radius: 10px;
 
515
        z-index: 26;
 
516
}
 
517
 
 
518
#adminmenu li .awaiting-mod span,
 
519
#adminmenu li span.update-plugins span,
 
520
#sidemenu li a span.update-plugins span {
 
521
        display: block;
 
522
        padding: 0 6px;
 
523
}
 
524
 
 
525
#adminmenu li.current a .awaiting-mod,
 
526
#adminmenu      li a.wp-has-current-submenu .update-plugins {
 
527
        background-color: #2ea2cc;
 
528
        color: #fff;
 
529
}
 
530
 
 
531
#adminmenu li span.count-0,
 
532
#sidemenu li a .count-0 {
 
533
        display: none;
 
534
}
 
535
 
 
536
#collapse-menu {
 
537
        font-size: 13px;
 
538
        line-height: 34px;
 
539
        margin-top: 10px;
 
540
        color: #aaa;
 
541
        -webkit-transition: all .1s ease-in-out;
 
542
        transition: all .1s ease-in-out;
 
543
}
 
544
 
 
545
#collapse-menu:hover,
 
546
#collapse-menu:hover #collapse-button div:after {
 
547
        color: #2ea2cc;
 
548
}
 
549
 
 
550
.folded #collapse-menu span {
 
551
        display: none;
 
552
}
 
553
 
 
554
#collapse-button,
 
555
#collapse-button div {
 
556
        width: 15px;
 
557
        height: 15px;
 
558
}
 
559
 
 
560
#collapse-button {
 
561
        float: right;
 
562
        height: 15px;
 
563
        margin: 10px 11px 10px 8px;
 
564
        width: 15px;
 
565
        -webkit-border-radius: 10px;
 
566
        border-radius: 10px;
 
567
}
 
568
 
 
569
#wpwrap #collapse-button div {
 
570
        padding: 0;
 
571
}
 
572
 
 
573
#collapse-button div:after {
 
574
        content: '\f148';
 
575
        display: block;
 
576
        line-height: 15px;
 
577
        right: -3px;
 
578
        top: -3px;
 
579
        color: #aaa;
 
580
        font: normal 20px/1 'dashicons' !important;
 
581
        speak: none;
 
582
        margin: 0 auto;
 
583
        padding: 0 !important;
 
584
        position: relative;
 
585
        text-align: center;
 
586
        width: 20px;
 
587
        -webkit-transition: all .1s ease-in-out;
 
588
        transition: all .1s ease-in-out;
 
589
        -webkit-font-smoothing: antialiased;
 
590
        -moz-osx-font-smoothing: grayscale;
 
591
}
 
592
 
 
593
.folded #collapse-button div:after,
 
594
.rtl #collapse-button div:after {
 
595
        -webkit-transform: rotate(180deg);
 
596
        -ms-transform: rotate(180deg);
 
597
        transform: rotate(180deg);
 
598
}
 
599
 
 
600
.rtl.folded #collapse-button div:after {
 
601
        -webkit-transform: none;
 
602
        -ms-transform: none;
 
603
        transform: none;
 
604
}
 
605
 
 
606
/**
 
607
 * Toolbar menu toggle
 
608
 */
 
609
li#wp-admin-bar-menu-toggle {
 
610
        display: none;
 
611
}
 
612
 
 
613
 
 
614
/* Auto-folding of the admin menu */
 
615
@media only screen and (max-width: 960px) {
 
616
        .auto-fold #wpcontent,
 
617
        .auto-fold #wpfooter {
 
618
                margin-right: 36px;
 
619
        }
 
620
 
 
621
        .auto-fold #adminmenuback,
 
622
        .auto-fold #adminmenuwrap,
 
623
        .auto-fold #adminmenu,
 
624
        .auto-fold #adminmenu li.menu-top {
 
625
                width: 36px;
 
626
        }
 
627
 
 
628
        .auto-fold #adminmenu .wp-submenu.sub-open,
 
629
        .auto-fold #adminmenu .opensub .wp-submenu,
 
630
        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
 
631
        .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 
632
        .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
 
633
        .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
 
634
                top: 0px;
 
635
                right: 36px;
 
636
        }
 
637
 
 
638
        .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 
639
        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
 
640
                position: absolute;
 
641
                top: -1000em;
 
642
                margin-left: -1px;
 
643
                padding: 7px 0 8px;
 
644
                z-index: 9999;
 
645
        }
 
646
 
 
647
        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
 
648
                min-width: 150px;
 
649
                width: auto;
 
650
        }
 
651
 
 
652
        .auto-fold #adminmenu .wp-has-current-submenu li > a {
 
653
                padding-left: 16px;
 
654
                padding-right: 14px;
 
655
        }
 
656
 
 
657
 
 
658
        .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
 
659
                padding-right: 12px;
 
660
        }
 
661
 
 
662
        .auto-fold #adminmenu .wp-menu-name {
 
663
                display: none;
 
664
        }
 
665
 
 
666
        .auto-fold #adminmenu .wp-submenu-head {
 
667
                display: block;
 
668
        }
 
669
 
 
670
        .auto-fold #adminmenu div.wp-menu-image {
 
671
                height: 30px;
 
672
                width: 34px;
 
673
                position: absolute;
 
674
                z-index: 25;
 
675
        }
 
676
 
 
677
        .auto-fold #adminmenu a.menu-top {
 
678
                height: 34px;
 
679
        }
 
680
 
 
681
        .auto-fold #adminmenu li.wp-menu-open {
 
682
                border: 0 none;
 
683
        }
 
684
 
 
685
        .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
 
686
                margin-bottom: 0;
 
687
        }
 
688
 
 
689
        .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
 
690
                display: none;
 
691
        }
 
692
 
 
693
        .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
 
694
                border-width: 4px;
 
695
                margin-top: -4px;
 
696
                top: 16px;
 
697
        }
 
698
 
 
699
        .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
 
700
        .auto-fold ul#adminmenu > li a.current:after {
 
701
                border-width: 4px;
 
702
                margin-top: -4px;
 
703
        }
 
704
 
 
705
        .auto-fold #adminmenu li.menu-top:hover,
 
706
        .auto-fold #adminmenu li.opensub > a.menu-top,
 
707
        .auto-fold #adminmenu li > a.menu-top:focus {
 
708
                z-index: 10000;
 
709
        }
 
710
 
 
711
        .auto-fold #collapse-menu span {
 
712
                display: none;
 
713
        }
 
714
 
 
715
        .auto-fold #collapse-button div {
 
716
                background: none;
 
717
        }
 
718
 
 
719
        .auto-fold #collapse-button div:after {
 
720
                -webkit-transform: rotate(180deg);
 
721
                -ms-transform: rotate(180deg);
 
722
                transform: rotate(180deg);
 
723
        }
 
724
 
 
725
        .rtl.auto-fold #collapse-button div:after {
 
726
                -webkit-transform: none;
 
727
                -ms-transform: none;
 
728
                transform: none;
 
729
        }
 
730
 
 
731
}
 
732
 
 
733
@media screen and ( max-width: 782px ) {
 
734
        .auto-fold #wpcontent {
 
735
                position: relative;
 
736
                margin-right: 0;
 
737
                padding-right: 10px;
 
738
        }
 
739
 
 
740
        .sticky-menu #adminmenuwrap {
 
741
                position: relative;
 
742
                z-index: auto;
 
743
                top: 0;
 
744
        }
 
745
 
 
746
        /* Sidebar Adjustments */
 
747
        .auto-fold #adminmenu,
 
748
        .auto-fold #adminmenuback,
 
749
        .auto-fold #adminmenuwrap {
 
750
                position: absolute;
 
751
                width: 190px;
 
752
                z-index: 100;
 
753
        }
 
754
 
 
755
        .auto-fold #adminmenuback,
 
756
        .auto-fold #adminmenuwrap {
 
757
                display: none;
 
758
        }
 
759
 
 
760
        .auto-fold .wp-responsive-open #adminmenuback,
 
761
        .auto-fold .wp-responsive-open #adminmenuwrap {
 
762
                display: block;
 
763
        }
 
764
 
 
765
        .auto-fold #adminmenu li.menu-top {
 
766
                width: 100%;
 
767
        }
 
768
 
 
769
        /* Resize the admin menu items to a comfortable touch size */
 
770
        .auto-fold #adminmenu li a {
 
771
                font-size: 16px;
 
772
                padding: 5px;
 
773
        }
 
774
 
 
775
        .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
 
776
                padding: 10px 20px 10px 10px;
 
777
        }
 
778
 
 
779
        /* Restore the menu names */
 
780
        .auto-fold #adminmenu .wp-menu-name {
 
781
                display: block;
 
782
                margin-right: 35px;
 
783
        }
 
784
 
 
785
        /* Switch the arrow side */
 
786
        .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
 
787
        .auto-fold ul#adminmenu > li.current > a.current:after {
 
788
                border-width: 8px;
 
789
                margin-top: -8px;
 
790
        }
 
791
 
 
792
        .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
 
793
                display: none;
 
794
        }
 
795
 
 
796
        /* Make the submenus appear correctly when tapped. */
 
797
        #adminmenu .wp-submenu {
 
798
                position: relative;
 
799
                display: none;
 
800
        }
 
801
 
 
802
        .auto-fold #adminmenu .selected .wp-submenu,
 
803
        .auto-fold #adminmenu .wp-menu-open .wp-submenu {
 
804
                position: relative;
 
805
                display: block;
 
806
                top: 0;
 
807
                right: -1px;
 
808
                -webkit-box-shadow: none;
 
809
                box-shadow: none;
 
810
        }
 
811
 
 
812
        .auto-fold #adminmenu .selected .wp-submenu:after,
 
813
        .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
 
814
                display: none;
 
815
        }
 
816
 
 
817
        .auto-fold #adminmenu .opensub .wp-submenu {
 
818
                display: none;
 
819
        }
 
820
 
 
821
        .auto-fold #adminmenu .selected .wp-submenu {
 
822
                display: block;
 
823
        }
 
824
 
 
825
        .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
 
826
                display: block;
 
827
        }
 
828
 
 
829
        .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
 
830
        .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
 
831
                position: relative;
 
832
                right: -1px;
 
833
                left: 0;
 
834
                top: 0;
 
835
        }
 
836
 
 
837
        /* Remove submenu headers and adjust sub meu*/
 
838
        #adminmenu .wp-submenu .wp-submenu-head {
 
839
                display: none;
 
840
        }
 
841
 
 
842
        /* Toolbar menu toggle */
 
843
        #wp-responsive-toggle {
 
844
                position: fixed;
 
845
                top: 5px;
 
846
                right: 4px;
 
847
                padding-left: 10px;
 
848
                z-index: 99999;
 
849
                border: none;
 
850
                -webkit-box-sizing: border-box;
 
851
                -moz-box-sizing: border-box;
 
852
                box-sizing: border-box;
 
853
        }
 
854
 
 
855
        #wpadminbar #wp-admin-bar-menu-toggle a {
 
856
                display: block;
 
857
                padding: 0;
 
858
                overflow: hidden;
 
859
                outline: none;
 
860
                text-decoration: none;
 
861
                border: 1px solid transparent;
 
862
                background: none;
 
863
                height: 44px;
 
864
                margin-right: -1px;
 
865
        }
 
866
 
 
867
        .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
 
868
                background: #333;
 
869
        }
 
870
 
 
871
        li#wp-admin-bar-menu-toggle {
 
872
                display: block;
 
873
        }
 
874
 
 
875
        #wpadminbar #wp-admin-bar-menu-toggle a:hover {
 
876
                border: 1px solid transparent;
 
877
        }
 
878
 
 
879
        #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 
880
                content: '\f228';
 
881
                display: inline-block;
 
882
                float: right;
 
883
                font: normal 40px/45px 'Dashicons';
 
884
                vertical-align: middle;
 
885
                outline: none;
 
886
                margin: 0;
 
887
                -webkit-font-smoothing: antialiased;
 
888
                -moz-osx-font-smoothing: grayscale;
 
889
                height: 44px;
 
890
                width: 50px;
 
891
                padding: 0;
 
892
                border: none;
 
893
                text-align: center;
 
894
                text-decoration: none;
 
895
                -webkit-box-sizing: border-box;
 
896
                -moz-box-sizing: border-box;
 
897
                box-sizing: border-box;
 
898
        }
 
899
}
 
900
 
 
901
/* Smartphone */
 
902
@media screen and (max-width: 600px) {
 
903
        #adminmenuwrap,
 
904
        #adminmenuback {
 
905
                display: none;
 
906
        }
 
907
 
 
908
        .wp-responsive-open #adminmenuwrap,
 
909
        .wp-responsive-open #adminmenuback {
 
910
                display: block;
 
911
        }
 
912
 
 
913
        .auto-fold #adminmenu {
 
914
                top: 46px;
 
915
        }
 
916
}
 
917