← Back to branch summary

~canonical-sysadmins/wordpress/5.1

« back to all changes in this revision

Viewing changes to wp-admin/css/nav-menus.css

  • Committer: Nick Moffitt
  • Date: 2016-04-14 10:43:32 UTC
  • mto: This revision was merged to the branch mainline in revision 18.
  • Revision ID: nick.moffitt@canonical.com-20160414104332-61kvsia27qpmjquk
new upstream release 4.5

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-admin/css/nav-menus.css
61
61
        position: relative;
62
62
}
63
63
 
64
 
.blank-slate .menu-name {
65
 
        height: 2em;
66
 
}
67
 
 
68
64
.blank-slate .menu-settings {
69
65
        border: none;
70
66
        margin-top: 0;
73
69
}
74
70
 
75
71
.is-submenu {
76
 
        color: #999;
 
72
        color: #555d66; /* #fafafa background */
77
73
        font-style: italic;
78
74
        font-weight: normal;
79
75
        margin-left: 4px;
86
82
        background: #fbfbfb;
87
83
}
88
84
 
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;
 
85
.manage-menus .selected-menu,
 
86
.manage-menus select,
 
87
.manage-menus .submit-btn,
 
88
.nav-menus-php .add-new-menu-action {
 
89
        display: inline-block;
 
90
        margin-right: 3px;
 
91
        vertical-align: middle;
 
92
}
 
93
 
 
94
.manage-menus select,
 
95
.menu-location-menus select {
 
96
        max-width: 100%;
102
97
}
103
98
 
104
99
.menu-edit #post-body-content h3 {
139
134
}
140
135
 
141
136
.theme-location-set {
142
 
        color: #999;
 
137
        color: #72777c;
143
138
        font-size: 11px;
144
139
}
145
140
 
165
160
.nav-menus-php #post-body {
166
161
        padding: 0 10px 10px;
167
162
        border-top: 1px solid #fff;
168
 
        border-bottom: 1px solid #dfdfdf;
 
163
        border-bottom: 1px solid #ddd;
169
164
        background: #fff;
170
165
}
171
166
 
175
170
}
176
171
 
177
172
#nav-menu-header {
178
 
        border-bottom: 1px solid #dfdfdf;
 
173
        border-bottom: 1px solid #ddd;
179
174
        margin-bottom: 0;
180
175
}
181
176
 
182
177
#nav-menu-header .menu-name-label {
183
 
        margin-top: 4px;
 
178
        display: inline-block;
 
179
        vertical-align: middle;
 
180
        margin-right: 7px;
 
181
        font-style: italic;
184
182
}
185
183
 
186
184
.nav-menus-php #post-body div.updated,
212
210
        margin-top: -2px;
213
211
}
214
212
 
215
 
.widefat .menu-locations tr + tr td {
216
 
        padding-top: 0;
217
 
}
218
 
 
219
 
.widefat .menu-locations td {
220
 
        vertical-align: middle;
 
213
.widefat .menu-locations .menu-location-title {
 
214
        padding: 13px 10px 0;
221
215
}
222
216
 
223
217
.menu-location-title label {
253
247
        border-right: 1px solid #ccc;
254
248
}
255
249
 
256
 
#wpbody .open-label {
257
 
        display: block;
258
 
        float:left;
259
 
}
260
 
 
261
 
#wpbody .open-label span {
262
 
        padding-right: 10px;
263
 
}
264
 
 
265
 
.js .input-with-default-title {
266
 
        color: #a0a5aa;
267
 
        font-style: italic;
268
 
}
269
 
 
270
250
#menu-management .inside {
271
251
        padding: 0 10px;
272
252
}
273
253
 
274
254
/* Add Menu Item Boxes */
275
255
.postbox .howto input,
276
 
.accordion-container .howto input {
 
256
.customlinkdiv .menu-item-textbox {
277
257
        width: 180px;
278
258
        float: right;
279
259
}
282
262
        margin: 0;
283
263
}
284
264
 
285
 
.customlinkdiv .howto input {
286
 
        width: 180px;
287
 
}
288
 
 
289
265
.customlinkdiv p {
290
266
        margin-top: 0
291
267
}
308
284
        padding: 0;
309
285
}
310
286
 
311
 
.nav-menus-php .add-new-menu-action {
312
 
        float: left;
313
 
        margin: 6px 0 0 6px;
314
 
        line-height: 15px;
315
 
}
316
 
 
317
287
.nav-menus-php .meta-sep,
318
288
.nav-menus-php .submitdelete,
319
289
.nav-menus-php .submitcancel {
366
336
/* Create Menu */
367
337
#menu-name {
368
338
        width: 270px;
 
339
        vertical-align: middle;
369
340
}
370
341
 
371
342
#manage-menu .inside {
392
363
        width: 180px;
393
364
}
394
365
 
 
366
.customlinkdiv label,
395
367
.nav-menus-php .howto span {
 
368
        float: left;
396
369
        margin-top: 6px;
397
 
        display: block;
398
 
        float: left;
399
370
}
400
371
 
401
372
/* Menu item types */
471
442
}
472
443
 
473
444
.menu-item-bar .menu-item-handle {
474
 
        border: 1px solid #dfdfdf;
 
445
        border: 1px solid #ddd;
475
446
        position: relative;
476
447
        padding: 10px 15px;
477
448
        height: auto;
513
484
}
514
485
 
515
486
.menu-item-handle .menu-item-title.no-title {
516
 
        color: #999;
 
487
        color: #72777c;
517
488
}
518
489
 
519
490
/* Sortables */
618
589
        white-space: nowrap;
619
590
}
620
591
 
 
592
.no-js.nav-menus-php .item-edit {
 
593
        position: static;
 
594
        float: right;
 
595
        width: auto;
 
596
        height: auto;
 
597
        margin-right: -10px !important;
 
598
        padding: 12px 0;
 
599
        color: #0073aa;
 
600
        text-decoration: underline;
 
601
        font-size: 12px;
 
602
        line-height: 18px;
 
603
        text-indent: 0;
 
604
}
 
605
 
621
606
.nav-menus-php .item-edit:before {
622
607
        margin-top: 10px;
623
608
        margin-left: 4px;
627
612
        text-indent: -1px; /* account for the dashicon alignment */
628
613
}
629
614
 
 
615
.no-js.nav-menus-php .item-edit:before {
 
616
        display: none;
 
617
}
 
618
 
630
619
.rtl .nav-menus-php .item-edit:before {
631
620
        text-indent: 1px; /* account for the dashicon alignment */
632
621
}
638
627
 
639
628
.nav-menus-php .item-edit:focus:before {
640
629
        -webkit-box-shadow:
641
 
        0 0 0 1px #5b9dd9,
 
630
                0 0 0 1px #5b9dd9,
642
631
                0 0 2px 1px rgba(30, 140, 190, .8);
643
 
    box-shadow:
644
 
        0 0 0 1px #5b9dd9,
 
632
        box-shadow:
 
633
                0 0 0 1px #5b9dd9,
645
634
                0 0 2px 1px rgba(30, 140, 190, .8);
646
635
}
647
636
 
684
673
        display: block;
685
674
        margin: 0 0 10px;
686
675
        padding: 3px 5px 5px;
687
 
        border: 1px solid #dfdfdf;
688
 
        color: #777;
 
676
        border: 1px solid #ddd;
 
677
        color: #72777c;
689
678
        font-size: 12px;
690
679
        font-style: italic;
691
680
}
724
713
/* Major/minor publishing actions (classes) */
725
714
.nav-menus-php .major-publishing-actions {
726
715
        clear: both;
727
 
        padding: 3px 0 6px;
 
716
        padding: 7px 0 6px;
728
717
}
729
718
 
730
719
.nav-menus-php .major-publishing-actions .publishing-action {
731
720
        text-align: right;
732
721
        float: right;
733
 
        line-height: 23px;
734
 
        margin: 4px 0 1px;
735
722
}
736
723
 
737
724
.nav-menus-php .blank-slate .menu-settings {
760
747
        margin-left: -4px;
761
748
}
762
749
 
763
 
/* Clearfix */
764
 
#menu-item-name-wrap:after,
765
 
#menu-item-url-wrap:after,
766
 
#menu-name-label:after,
767
 
#menu-settings-column .inside:after,
768
 
#nav-menus-frame:after,
769
 
.nav-menus-php #post-body-content:after,
770
 
.nav-menus-php .button-controls:after,
771
 
.nav-menus-php .major-publishing-actions:after,
772
 
.nav-menus-php .menu-item-settings:after {
773
 
        clear: both;
774
 
        content: ".";
775
 
        display: block;
776
 
        height: 0;
777
 
        visibility: hidden;
778
 
}
779
 
 
780
750
#nav-menus-frame,
781
751
.button-controls,
782
752
#menu-item-url-wrap,
905
875
                margin-left: 0;
906
876
                margin-bottom: 15px;
907
877
        }
 
878
 
 
879
        .manage-menus select {
 
880
                margin: 0.5em 0;
 
881
        }
 
882
 
 
883
        .widefat .menu-locations .menu-location-title {
 
884
                padding-top: 16px;
 
885
        }
908
886
}
909
887
 
910
888
@media only screen and (max-width: 768px) {