← Back to branch summary

~canonical-sysadmins/wordpress/4.7.2

« back to all changes in this revision

Viewing changes to wp-admin/css/nav-menus.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/nav-menus.css
 
1
/* nav-menu */
 
2
 
 
3
/* @todo: determine if this is truly for nav menus only */
 
4
.no-js #message {
 
5
        display: block;
 
6
}
 
7
 
 
8
ul.add-menu-item-tabs li {
 
9
        padding: 3px 5px 3px 8px;
 
10
}
 
11
 
 
12
.accordion-section ul.category-tabs,
 
13
.accordion-section ul.add-menu-item-tabs,
 
14
.accordion-section ul.wp-tab-bar {
 
15
        margin: 0;
 
16
}
 
17
 
 
18
.accordion-section .categorychecklist {
 
19
        margin: 13px 0;
 
20
}
 
21
 
 
22
#nav-menu-meta .accordion-section-content {
 
23
        padding: 18px 13px;
 
24
}
 
25
 
 
26
#nav-menu-meta .button-controls {
 
27
        margin-bottom: 0;
 
28
}
 
29
 
 
30
#nav-menus-frame {
 
31
        margin-left: 300px;
 
32
        margin-top: 23px;
 
33
}
 
34
 
 
35
#wpbody-content #menu-settings-column {
 
36
        display:inline;
 
37
        width:281px;
 
38
        margin-left: -300px;
 
39
        clear: both;
 
40
        float: left;
 
41
        padding-top: 0;
 
42
}
 
43
 
 
44
#menu-settings-column .inside {
 
45
        clear: both;
 
46
        margin: 10px 0 0;
 
47
}
 
48
 
 
49
.metabox-holder-disabled .postbox,
 
50
.metabox-holder-disabled .accordion-section-content,
 
51
.metabox-holder-disabled .accordion-section-title {
 
52
        opacity: 0.5;
 
53
        filter: alpha(opacity=50);
 
54
}
 
55
 
 
56
.metabox-holder-disabled .button-controls .select-all {
 
57
        display: none;
 
58
}
 
59
 
 
60
#wpbody {
 
61
        position: relative;
 
62
}
 
63
 
 
64
.blank-slate .menu-name {
 
65
        height: 2em;
 
66
}
 
67
 
 
68
.blank-slate .menu-settings {
 
69
        border: none;
 
70
        margin-top: 0;
 
71
        padding-top: 0;
 
72
        overflow: hidden;
 
73
}
 
74
 
 
75
.is-submenu {
 
76
        color: #999;
 
77
        font-style: italic;
 
78
        font-weight: normal;
 
79
        margin-left: 4px;
 
80
}
 
81
 
 
82
.manage-menus {
 
83
        margin-top: 23px;
 
84
        padding: 10px;
 
85
        overflow: hidden;
 
86
        background: #fbfbfb;
 
87
}
 
88
 
 
89
.manage-menus select {
 
90
        float: left;
 
91
        margin-right: 6px;
 
92
}
 
93
 
 
94
.manage-menus .selected-menu {
 
95
        float: left;
 
96
        margin: 5px 6px 0 0;
 
97
}
 
98
 
 
99
.manage-menus .submit-btn {
 
100
        float: left;
 
101
        margin-top: 1px;
 
102
}
 
103
 
 
104
.menu-edit p {
 
105
        margin: .3em 0 .6em;
 
106
}
 
107
 
 
108
.menu-edit #post-body-content h3 {
 
109
        margin: 1em 0 10px;
 
110
}
 
111
 
 
112
.menu-settings {
 
113
        border-top: 1px solid #eee;
 
114
        margin-top: 2em;
 
115
}
 
116
 
 
117
.menu-settings dl {
 
118
        margin: 0 0 10px;
 
119
        overflow: hidden;
 
120
        padding-left: 18%;
 
121
}
 
122
 
 
123
.menu-settings dd {
 
124
        float: left;
 
125
        margin: 0;
 
126
        width: 100%;
 
127
}
 
128
 
 
129
.menu-settings dt {
 
130
        float: left;
 
131
        clear: both;
 
132
        width: 21.951%;
 
133
        padding: 3px 0 0;
 
134
        margin-left: -21.951%;
 
135
}
 
136
 
 
137
.menu-settings label {
 
138
        vertical-align: baseline;
 
139
}
 
140
 
 
141
.menu-edit .checkbox-input {
 
142
        margin-top: 4px;
 
143
}
 
144
 
 
145
.theme-location-set {
 
146
        color: #999;
 
147
        font-size: 11px;
 
148
}
 
149
 
 
150
/* Menu Container */
 
151
#menu-management-liquid {
 
152
        float: left;
 
153
        min-width: 100%;
 
154
        margin-top: 3px;
 
155
}
 
156
 
 
157
#menu-management {
 
158
        position: relative;
 
159
        margin-right: 20px;
 
160
        margin-top: -3px;
 
161
        width: 100%;
 
162
        background: #f5f5f5;
 
163
}
 
164
 
 
165
#menu-management .menu-edit {
 
166
        margin-bottom: 20px;
 
167
}
 
168
 
 
169
.nav-menus-php #post-body {
 
170
        padding: 0 10px 10px;
 
171
        border-top: 1px solid #fff;
 
172
        border-bottom: 1px solid #dfdfdf;
 
173
        background: #fff;
 
174
}
 
175
 
 
176
#nav-menu-header,
 
177
#nav-menu-footer {
 
178
        padding: 0 10px;
 
179
}
 
180
 
 
181
#nav-menu-header {
 
182
        border-bottom: 1px solid #dfdfdf;
 
183
        margin-bottom: 0;
 
184
}
 
185
 
 
186
#nav-menu-header .menu-name-label {
 
187
        margin-top: 4px;
 
188
}
 
189
 
 
190
.nav-menus-php #post-body div.updated,
 
191
.nav-menus-php #post-body div.error {
 
192
        margin: 0;
 
193
}
 
194
 
 
195
.nav-menus-php #post-body-content {
 
196
        position: relative;
 
197
        float: none;
 
198
}
 
199
 
 
200
#menu-management .menu-add-new abbr {
 
201
        font-weight:600;
 
202
}
 
203
 
 
204
#select-nav-menu-container {
 
205
        text-align: right;
 
206
        padding: 0 10px 3px 10px;
 
207
        margin-bottom: 5px;
 
208
}
 
209
 
 
210
#select-nav-menu {
 
211
        width: 100px;
 
212
        display: inline;
 
213
}
 
214
 
 
215
#menu-name-label {
 
216
        margin-top: -2px;
 
217
}
 
218
 
 
219
.widefat td.menu-location-menus {
 
220
        padding-bottom: 5px;
 
221
}
 
222
 
 
223
.menu-location-menus select {
 
224
        float: left;
 
225
}
 
226
 
 
227
#locations-nav-menu-wrapper {
 
228
        padding: 5px 0;
 
229
}
 
230
 
 
231
.locations-nav-menu-select select {
 
232
        float: left;
 
233
        width: 160px;
 
234
        margin-right: 5px;
 
235
}
 
236
 
 
237
.locations-row-links {
 
238
        float: left;
 
239
        margin: 6px 0 0 6px;
 
240
}
 
241
 
 
242
.locations-edit-menu-link,
 
243
.locations-add-menu-link {
 
244
        margin: 0 3px;
 
245
}
 
246
 
 
247
.locations-edit-menu-link {
 
248
        padding-right: 3px;
 
249
        border-right: 1px solid #ccc;
 
250
}
 
251
 
 
252
#wpbody .open-label {
 
253
        display: block;
 
254
        float:left;
 
255
}
 
256
 
 
257
#wpbody .open-label span {
 
258
        padding-right: 10px;
 
259
}
 
260
 
 
261
.js .input-with-default-title {
 
262
        color: #aaa;
 
263
        font-style: italic;
 
264
}
 
265
 
 
266
#menu-management .inside {
 
267
        padding: 0 10px;
 
268
}
 
269
 
 
270
/* Add Menu Item Boxes */
 
271
.postbox .howto input,
 
272
.accordion-container .howto input {
 
273
        width: 180px;
 
274
        float: right;
 
275
}
 
276
 
 
277
.accordion-container .outer-border {
 
278
        margin: 0;
 
279
}
 
280
 
 
281
.customlinkdiv .howto input {
 
282
        width: 180px;
 
283
}
 
284
 
 
285
.customlinkdiv p {
 
286
        margin-top: 0
 
287
}
 
288
 
 
289
#nav-menu-theme-locations .howto select {
 
290
        width: 100%;
 
291
}
 
292
 
 
293
#nav-menu-theme-locations .button-controls {
 
294
        text-align: right;
 
295
}
 
296
 
 
297
.add-menu-item-view-all {
 
298
        height: 400px;
 
299
}
 
300
 
 
301
/* Button Primary Actions */
 
302
#menu-container .submit {
 
303
        margin: 0 0 10px;
 
304
        padding: 0;
 
305
}
 
306
 
 
307
.nav-menus-php .add-new-menu-action {
 
308
        float: left;
 
309
        margin: 6px 0 0 6px;
 
310
        line-height: 15px;
 
311
}
 
312
 
 
313
.nav-menus-php .meta-sep,
 
314
.nav-menus-php .submitdelete,
 
315
.nav-menus-php .submitcancel {
 
316
        display: block;
 
317
        float: left;
 
318
        margin: 6px 0;
 
319
        line-height: 15px;
 
320
}
 
321
 
 
322
.meta-sep {
 
323
        padding: 0 2px;
 
324
}
 
325
 
 
326
/* @todo: is this actually used? */
 
327
#cancel-save {
 
328
        text-decoration: underline;
 
329
        font-size: 12px;
 
330
        margin-left: 20px;
 
331
        margin-top: 5px;
 
332
}
 
333
 
 
334
.button.right, .button-secondary.right, .button-primary.right {
 
335
        float: right;
 
336
}
 
337
 
 
338
/* Button Secondary Actions */
 
339
.list-controls {
 
340
        float: left;
 
341
        margin-top: 5px;
 
342
}
 
343
 
 
344
.add-to-menu {
 
345
        float: right;
 
346
}
 
347
 
 
348
.postbox .spinner {
 
349
        display: none;
 
350
        vertical-align: middle;
 
351
}
 
352
 
 
353
.button-controls {
 
354
        clear:both;
 
355
        margin: 10px 0;
 
356
}
 
357
 
 
358
.show-all,
 
359
.hide-all {
 
360
        cursor: pointer;
 
361
}
 
362
 
 
363
.hide-all {
 
364
        display: none;
 
365
}
 
366
 
 
367
/* Create Menu */
 
368
#menu-name {
 
369
        width: 270px;
 
370
}
 
371
 
 
372
#manage-menu .inside {
 
373
        padding: 0px 0px;
 
374
}
 
375
 
 
376
/* Custom Links */
 
377
#available-links dt {
 
378
        display: block;
 
379
}
 
380
 
 
381
#add-custom-link .howto {
 
382
        font-size: 12px;
 
383
}
 
384
 
 
385
#add-custom-link label span {
 
386
        display: block;
 
387
        float: left;
 
388
        margin-top: 5px;
 
389
        padding-right: 5px;
 
390
}
 
391
 
 
392
.menu-item-textbox {
 
393
        width: 180px;
 
394
}
 
395
 
 
396
.nav-menus-php .howto span {
 
397
        margin-top: 6px;
 
398
        display: block;
 
399
        float: left;
 
400
}
 
401
 
 
402
/* Menu item types */
 
403
.quick-search {
 
404
        width: 190px;
 
405
}
 
406
 
 
407
.nav-menus-php .list-wrap {
 
408
        display: none;
 
409
        clear: both;
 
410
        margin-bottom: 10px;
 
411
}
 
412
 
 
413
.nav-menus-php .postbox p.submit {
 
414
        margin-bottom: 0;
 
415
}
 
416
 
 
417
/* Listings */
 
418
.nav-menus-php .list li {
 
419
        display: none;
 
420
        margin: 0;
 
421
        margin-bottom: 5px;
 
422
}
 
423
 
 
424
.nav-menus-php .list li .menu-item-title {
 
425
        cursor: pointer;
 
426
        display: block;
 
427
}
 
428
 
 
429
.nav-menus-php .list li .menu-item-title input {
 
430
        margin-right: 3px;
 
431
        margin-top: -3px;
 
432
}
 
433
 
 
434
.menu-item-title input[type=checkbox] {
 
435
        display: inline-block;
 
436
        margin-top: -4px;
 
437
}
 
438
 
 
439
/* Nav Menu */
 
440
#menu-container .inside {
 
441
        padding-bottom: 10px;
 
442
}
 
443
 
 
444
.menu {
 
445
        padding-top:1em;
 
446
}
 
447
 
 
448
#menu-to-edit {
 
449
        margin: 0;
 
450
        padding: 0.1em 0;
 
451
}
 
452
 
 
453
.menu ul {
 
454
        width: 100%;
 
455
}
 
456
 
 
457
.menu li {
 
458
        margin-bottom: 0;
 
459
        position:relative;
 
460
}
 
461
 
 
462
.menu-item-bar {
 
463
        clear:both;
 
464
        line-height:1.5em;
 
465
        position:relative;
 
466
        margin: 9px 0 0;
 
467
}
 
468
 
 
469
.menu-item-bar .menu-item-handle {
 
470
        border: 1px solid #dfdfdf;
 
471
        position: relative;
 
472
        padding: 10px 15px;
 
473
        height: auto;
 
474
        width: 382px;
 
475
        line-height: 30px;
 
476
        overflow: hidden;
 
477
        word-wrap: break-word;
 
478
}
 
479
 
 
480
.menu-item-bar .menu-item-handle:hover {
 
481
        border-color: #999;
 
482
}
 
483
 
 
484
#menu-to-edit .menu-item-invalid .menu-item-handle {
 
485
        background: #f6c9cc;
 
486
        border-color: #f1acb1;
 
487
}
 
488
 
 
489
.no-js .menu-item-edit-active .item-edit {
 
490
        display: none;
 
491
}
 
492
 
 
493
.js .menu-item-handle {
 
494
        cursor: move;
 
495
}
 
496
 
 
497
.menu li.deleting .menu-item-handle {
 
498
        background-image: none;
 
499
        background-color: #f66;
 
500
}
 
501
 
 
502
.menu-item-handle .item-title {
 
503
        font-size: 13px;
 
504
        font-weight: 600;
 
505
        line-height: 20px;
 
506
        display: block;
 
507
        margin-right: 13em;
 
508
}
 
509
 
 
510
.menu-item-handle .menu-item-title.no-title {
 
511
        color: #999;
 
512
}
 
513
 
 
514
/* Sortables */
 
515
li.menu-item.ui-sortable-helper dl {
 
516
        margin-top: 0;
 
517
}
 
518
 
 
519
li.menu-item.ui-sortable-helper .menu-item-transport dl {
 
520
        margin-top: 13px;
 
521
}
 
522
 
 
523
.menu .sortable-placeholder {
 
524
        height: 35px;
 
525
        width: 410px;
 
526
        margin-top: 13px;
 
527
}
 
528
 
 
529
/* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */
 
530
.menu-item-depth-0 { margin-left: 0px; }
 
531
.menu-item-depth-1 { margin-left: 30px; }
 
532
.menu-item-depth-2 { margin-left: 60px; }
 
533
.menu-item-depth-3 { margin-left: 90px; }
 
534
.menu-item-depth-4 { margin-left: 120px; }
 
535
.menu-item-depth-5 { margin-left: 150px; }
 
536
.menu-item-depth-6 { margin-left: 180px; }
 
537
.menu-item-depth-7 { margin-left: 210px; }
 
538
.menu-item-depth-8 { margin-left: 240px; }
 
539
.menu-item-depth-9 { margin-left: 270px; }
 
540
.menu-item-depth-10 { margin-left: 300px; }
 
541
.menu-item-depth-11 { margin-left: 330px; }
 
542
 
 
543
.menu-item-depth-0 .menu-item-transport { margin-left: 0px; }
 
544
.menu-item-depth-1 .menu-item-transport { margin-left: -30px; }
 
545
.menu-item-depth-2 .menu-item-transport { margin-left: -60px; }
 
546
.menu-item-depth-3 .menu-item-transport { margin-left: -90px; }
 
547
.menu-item-depth-4 .menu-item-transport { margin-left: -120px; }
 
548
.menu-item-depth-5 .menu-item-transport { margin-left: -150px; }
 
549
.menu-item-depth-6 .menu-item-transport { margin-left: -180px; }
 
550
.menu-item-depth-7 .menu-item-transport { margin-left: -210px; }
 
551
.menu-item-depth-8 .menu-item-transport { margin-left: -240px; }
 
552
.menu-item-depth-9 .menu-item-transport { margin-left: -270px; }
 
553
.menu-item-depth-10 .menu-item-transport { margin-left: -300px; }
 
554
.menu-item-depth-11 .menu-item-transport { margin-left: -330px; }
 
555
 
 
556
body.menu-max-depth-0 { min-width: 950px !important; }
 
557
body.menu-max-depth-1 { min-width: 980px !important; }
 
558
body.menu-max-depth-2 { min-width: 1010px !important; }
 
559
body.menu-max-depth-3 { min-width: 1040px !important; }
 
560
body.menu-max-depth-4 { min-width: 1070px !important; }
 
561
body.menu-max-depth-5 { min-width: 1100px !important; }
 
562
body.menu-max-depth-6 { min-width: 1130px !important; }
 
563
body.menu-max-depth-7 { min-width: 1160px !important; }
 
564
body.menu-max-depth-8 { min-width: 1190px !important; }
 
565
body.menu-max-depth-9 { min-width: 1220px !important; }
 
566
body.menu-max-depth-10 { min-width: 1250px !important; }
 
567
body.menu-max-depth-11 { min-width: 1280px !important; }
 
568
 
 
569
/* Menu item controls */
 
570
.item-type {
 
571
        color: #777;
 
572
        font-size: 12px;
 
573
        padding: 12px 10px;
 
574
        line-height: 18px;
 
575
        display: block;
 
576
}
 
577
 
 
578
.item-controls {
 
579
        font-size: 12px;
 
580
        position: absolute;
 
581
        right: 20px;
 
582
        top: -1px;
 
583
}
 
584
 
 
585
.item-controls a {
 
586
        text-decoration: none;
 
587
}
 
588
 
 
589
.item-controls a:hover {
 
590
        cursor: pointer;
 
591
}
 
592
 
 
593
.item-controls .item-order {
 
594
        padding-right: 10px;
 
595
}
 
596
 
 
597
.nav-menus-php .item-edit {
 
598
        position: absolute;
 
599
        right: -20px;
 
600
        top: 0;
 
601
        display: block;
 
602
        width: 30px;
 
603
        height: 40px;
 
604
        margin-right: 0 !important;
 
605
        text-indent: 100%;
 
606
        outline: none;
 
607
        overflow: hidden;
 
608
        white-space: nowrap;
 
609
}
 
610
 
 
611
/* Menu editing */
 
612
.menu-instructions-inactive {
 
613
        display: none;
 
614
}
 
615
 
 
616
.menu-item-settings {
 
617
        display: block;
 
618
        width: 402px;
 
619
        padding: 10px 0 10px 10px;
 
620
        position: relative;
 
621
        z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
 
622
        border: 1px solid #e5e5e5;
 
623
        border-top: none;
 
624
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 
625
        box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 
626
}
 
627
 
 
628
.menu-item-settings .field-move a {
 
629
        display: none;
 
630
        margin: 0 2px;
 
631
}
 
632
 
 
633
.menu-item-edit-active .menu-item-settings {
 
634
        display: block;
 
635
}
 
636
 
 
637
.menu-item-edit-inactive .menu-item-settings {
 
638
        display: none;
 
639
}
 
640
 
 
641
.add-menu-item-pagelinks {
 
642
        margin: .5em auto;
 
643
        text-align: center;
 
644
}
 
645
 
 
646
.link-to-original {
 
647
        display: block;
 
648
        margin: 0 0 10px;
 
649
        padding: 3px 5px 5px;
 
650
        border: 1px solid #dfdfdf;
 
651
        color: #777;
 
652
        font-size: 12px;
 
653
        font-style: italic;
 
654
}
 
655
 
 
656
.link-to-original a {
 
657
        padding-left: 4px;
 
658
        font-style: normal;
 
659
}
 
660
 
 
661
.hidden-field {
 
662
        display: none;
 
663
}
 
664
 
 
665
.menu-item-settings .description-thin,
 
666
.menu-item-settings .description-wide {
 
667
        margin-right: 10px;
 
668
        float: left;
 
669
}
 
670
 
 
671
.description-thin {
 
672
        width: 190px;
 
673
        height: 40px;
 
674
}
 
675
 
 
676
.description-wide {
 
677
        width: 390px;
 
678
}
 
679
 
 
680
.menu-item-actions {
 
681
        padding-top: 15px;
 
682
}
 
683
 
 
684
#cancel-save {
 
685
        cursor: pointer;
 
686
}
 
687
 
 
688
/* Major/minor publishing actions (classes) */
 
689
.nav-menus-php .major-publishing-actions {
 
690
        clear: both;
 
691
        padding: 3px 0 6px;
 
692
}
 
693
 
 
694
.nav-menus-php .major-publishing-actions .publishing-action {
 
695
        text-align: right;
 
696
        float: right;
 
697
        line-height: 23px;
 
698
        margin: 4px 0 1px;
 
699
}
 
700
 
 
701
.nav-menus-php .blank-slate .menu-settings {
 
702
        display: none;
 
703
}
 
704
 
 
705
.nav-menus-php .delete-action {
 
706
        float: left;
 
707
        margin-top: 2px;
 
708
}
 
709
 
 
710
.nav-menus-php .submitbox .submitcancel {
 
711
        border-bottom: 1px solid #0074a2;
 
712
        padding: 1px 2px;
 
713
        color: #0074a2;
 
714
        text-decoration: none;
 
715
}
 
716
 
 
717
.nav-menus-php .submitbox .submitcancel:hover {
 
718
        background: #0074a2;
 
719
        color: #fff;
 
720
}
 
721
 
 
722
.nav-menus-php .major-publishing-actions .form-invalid {
 
723
        padding-left: 4px;
 
724
        margin-left: -4px;
 
725
}
 
726
 
 
727
/* Clearfix */
 
728
#menu-item-name-wrap:after,
 
729
#menu-item-url-wrap:after,
 
730
#menu-name-label:after,
 
731
#menu-settings-column .inside:after,
 
732
#nav-menus-frame:after,
 
733
.nav-menus-php #post-body-content:after,
 
734
.nav-menus-php .button-controls:after,
 
735
.nav-menus-php .major-publishing-actions:after,
 
736
.nav-menus-php .menu-item-settings:after {
 
737
        clear: both;
 
738
        content: ".";
 
739
        display: block;
 
740
        height: 0;
 
741
        visibility: hidden;
 
742
}
 
743
 
 
744
#nav-menus-frame,
 
745
.button-controls,
 
746
#menu-item-url-wrap,
 
747
#menu-item-name-wrap {
 
748
        display: block;
 
749
}
 
750
 
 
751
/* =Media Queries
 
752
-------------------------------------------------------------- */
 
753
 
 
754
@media screen and ( max-width: 782px ) {
 
755
        body.nav-menus-php {
 
756
                min-width: 0 !important;
 
757
        }
 
758
 
 
759
        #nav-menus-frame {
 
760
                margin-left: 0;
 
761
                float: none;
 
762
                width: 100%;
 
763
        }
 
764
 
 
765
        #wpbody-content #menu-settings-column {
 
766
                display: block;
 
767
                width: 100%;
 
768
                float: none;
 
769
                margin-left: 0;
 
770
        }
 
771
 
 
772
        #side-sortables .add-menu-item-tabs {
 
773
                margin: 15px 0 14px;
 
774
        }
 
775
 
 
776
        ul.add-menu-item-tabs li.tabs {
 
777
                padding: 13px 15px 14px;
 
778
        }
 
779
 
 
780
        .nav-menus-php .item-controls .item-type {
 
781
                margin-top: 2px;
 
782
        }
 
783
 
 
784
        .nav-menus-php .customlinkdiv .howto input {
 
785
                width: 65%;
 
786
        }
 
787
 
 
788
        .nav-menus-php .quick-search {
 
789
                width: 85%;
 
790
        }
 
791
 
 
792
        #menu-management-liquid {
 
793
                margin-top: 25px;
 
794
        }
 
795
 
 
796
        .nav-menus-php .menu-name-label.howto span {
 
797
                margin-top: 13px
 
798
        }
 
799
 
 
800
        .menu-name-label #menu-name {
 
801
                margin-top: 4px;
 
802
        }
 
803
 
 
804
        .nav-menus-php .major-publishing-actions .publishing-action {
 
805
                margin-top: 6px;
 
806
        }
 
807
 
 
808
        .nav-menus-php .delete-action {
 
809
                font-size: 14px;
 
810
                line-height: 50px;
 
811
                margin-top: 12px;
 
812
        }
 
813
 
 
814
        .menu-item-bar .menu-item-handle,
 
815
        .menu-item-settings,
 
816
        .description-wide {
 
817
                width: auto;
 
818
        }
 
819
 
 
820
        .menu-item-settings {
 
821
                padding: 10px;
 
822
        }
 
823
 
 
824
        .menu-item-settings .description-thin,
 
825
        .menu-item-settings .description-wide {
 
826
                width: 100%;
 
827
                height: auto;
 
828
        }
 
829
 
 
830
        .menu-item-settings input {
 
831
                width: 100%;
 
832
        }
 
833
 
 
834
        .menu-settings dl {
 
835
                padding-left: 0;
 
836
        }
 
837
 
 
838
        .menu-settings dd {
 
839
                float: none;
 
840
                width: 100%;
 
841
                margin-bottom: 15px;
 
842
        }
 
843
 
 
844
        .menu-settings dt {
 
845
                float: none;
 
846
                width: auto;
 
847
                margin-left: 0;
 
848
                margin-bottom: 15px;
 
849
        }
 
850
}
 
851
 
 
852
@media only screen and (max-width: 768px) {
 
853
        /* menu locations */
 
854
        #menu-locations-wrap .widefat {
 
855
                width: 100%;
 
856
        }
 
857
}