2 * WordPress Administration Custom Navigation
8 * @subpackage Administration
20 #wpbody-content #menu-settings-column {
28 .no-js #wpbody-content #menu-settings-column {
32 #menu-settings-column .inside {
37 .metabox-holder-disabled .postbox {
39 filter: alpha(opacity=50);
42 .metabox-holder-disabled .button-controls .select-all {
50 #menu-management-liquid {
60 #menu-management .menu-edit {
64 #nav-menu-header, #post-body {
70 border-width: 1px 1px 0 1px;
71 -moz-border-radius-topleft: 6px;
72 -webkit-border-top-left-radius: 6px;
73 -khtml-border-top-left-radius: 6px;
74 border-top-left-radius: 6px;
75 -moz-border-radius-topright: 6px;
76 -webkit-border-top-right-radius: 6px;
77 -khtml-border-top-right-radius: 6px;
78 border-top-right-radius: 6px;
84 border-width: 0 1px 1px 1px;
85 -moz-border-radius-bottomleft: 6px;
86 -webkit-border-bottom-left-radius: 6px;
87 -khtml-border-bottom-left-radius: 6px;
88 border-bottom-left-radius: 6px;
89 -moz-border-radius-bottomright: 6px;
90 -webkit-border-bottom-right-radius: 6px;
91 -khtml-border-bottom-right-radius: 6px;
92 border-bottom-right-radius: 6px;
95 #post-body div.updated {
103 #menu-management .menu-add-new abbr {
109 #menu-management .nav-tabs-nav {
113 #menu-management .nav-tabs-arrow {
121 text-shadow: 0 1px 0 #fff;
123 #menu-management .nav-tabs-arrow a { color: #C1C1C1; }
124 #menu-management .nav-tabs-arrow a:hover { color: #D54E21; }
125 #menu-management .nav-tabs-arrow a:active { color: #464646; }
126 #menu-management .nav-tabs-arrow-left {
129 #menu-management .nav-tabs-arrow-right {
135 #menu-management .nav-tabs-wrapper {
142 #menu-management .nav-tabs {
146 .js #menu-management .nav-tabs {
149 margin-right: -400px;
152 #menu-management .nav-tab {
156 border-color: #dfdfdf;
159 #menu-management .nav-tab-active {
163 #select-nav-menu-container {
165 padding: 0 10px 3px 10px;
177 #wpbody .open-label {
181 #wpbody .open-label span {
185 .js .input-with-default-title {
190 #menu-management .inside { padding: 0 10px; }
192 /* Add Menu Item Boxes */
193 .postbox .howto input {
197 .customlinkdiv .howto input {
200 #nav-menu-theme-locations .howto select {
203 #nav-menu-theme-locations .button-controls {
206 .add-menu-item-view-all {
210 /* Button Primary Actions */
211 #menu-container .submit { margin: 0px 0px 10px; padding: 0px; }
226 #cancel-save { color: #ff0000; text-decoration: underline; font-size: 11px; margin-left: 20px; margin-top: 5px; }
227 #cancel-save:hover { background-color: #FF0000; color: #fff; }
229 /* Button Secondary Actions */
230 .list-controls { float: left; margin-top: 5px; }
235 .postbox img.waiting {
237 vertical-align: middle;
244 .show-all, .hide-all { cursor: pointer; }
245 .hide-all { display: none; }
248 #menu-name { width: 270px; }
249 #manage-menu .inside { padding: 0px 0px; }
252 #available-links dt { display: block; }
253 #add-custom-link .howto { font-size: 11px; }
254 #add-custom-link label span { display: block; float: left; margin-top: 5px; padding-right: 5px; }
255 .menu-item-textbox { width: 180px; }
256 .howto span { margin-top: 4px; display: block; float: left; }
258 /* Menu item types */
259 .quick-search { width: 190px; }
260 .list-wrap { display: none; clear: both; margin-bottom: 10px; }
261 .list-container { max-height: 200px; overflow-y: auto; padding: 10px 10px 5px; border: 1px solid #DFDFDF; -moz-border-radius: 4px; }
262 .postbox p.submit { margin-bottom: 0; }
265 .list li { display: none; margin: 0; margin-bottom: 5px; }
267 .list li .menu-item-title { cursor: pointer; display: block; }
268 .list li .menu-item-title input { margin-right: 3px; margin-top: -3px; }
271 #menu-container .inside { padding-bottom: 10px; }
297 border: 1px solid #E6E6E6;
303 text-shadow: 0 1px 0 #FFFFFF;
307 -webkit-border-radius: 6px;
308 -moz-border-radius: 6px;
309 -khtml-border-radius: 6px;
310 word-wrap: break-word;
312 .menu-item-edit-active .menu-item-handle {
313 -moz-border-radius: 6px 6px 0 0;
314 -webkit-border-bottom-right-radius: 0;
315 -webkit-border-bottom-left-radius: 0;
316 -khtml-border-bottom-right-radius: 0;
317 -khtml-border-bottom-left-radius: 0;
318 border-bottom-right-radius: 0;
319 border-bottom-left-radius: 0;
321 .no-js .menu-item-edit-active .item-edit {
324 .js .menu-item-handle {
327 .menu li.deleting .menu-item-handle {
328 background-color: #f66;
329 background-image: none;
330 text-shadow: 0 0 0 #ccc;
333 .menu-item-handle .item-title {
341 li.menu-item.ui-sortable-helper dl {
344 li.menu-item.ui-sortable-helper .menu-item-transport dl {
347 .menu .sortable-placeholder {
353 /* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */
354 .menu-item-depth-0 { margin-left: 0px; }
355 .menu-item-depth-1 { margin-left: 30px; }
356 .menu-item-depth-2 { margin-left: 60px; }
357 .menu-item-depth-3 { margin-left: 90px; }
358 .menu-item-depth-4 { margin-left: 120px; }
359 .menu-item-depth-5 { margin-left: 150px; }
360 .menu-item-depth-6 { margin-left: 180px; }
361 .menu-item-depth-7 { margin-left: 210px; }
362 .menu-item-depth-8 { margin-left: 240px; }
363 .menu-item-depth-9 { margin-left: 270px; }
364 .menu-item-depth-10 { margin-left: 300px; }
365 .menu-item-depth-11 { margin-left: 330px; }
367 .menu-item-depth-0 .menu-item-transport { margin-left: 0px; }
368 .menu-item-depth-1 .menu-item-transport { margin-left: -30px; }
369 .menu-item-depth-2 .menu-item-transport { margin-left: -60px; }
370 .menu-item-depth-3 .menu-item-transport { margin-left: -90px; }
371 .menu-item-depth-4 .menu-item-transport { margin-left: -120px; }
372 .menu-item-depth-5 .menu-item-transport { margin-left: -150px; }
373 .menu-item-depth-6 .menu-item-transport { margin-left: -180px; }
374 .menu-item-depth-7 .menu-item-transport { margin-left: -210px; }
375 .menu-item-depth-8 .menu-item-transport { margin-left: -240px; }
376 .menu-item-depth-9 .menu-item-transport { margin-left: -270px; }
377 .menu-item-depth-10 .menu-item-transport { margin-left: -300px; }
378 .menu-item-depth-11 .menu-item-transport { margin-left: -330px; }
380 body.menu-max-depth-0 { min-width: 950px !important; }
381 body.menu-max-depth-1 { min-width: 980px !important; }
382 body.menu-max-depth-2 { min-width: 1010px !important; }
383 body.menu-max-depth-3 { min-width: 1040px !important; }
384 body.menu-max-depth-4 { min-width: 1070px !important; }
385 body.menu-max-depth-5 { min-width: 1100px !important; }
386 body.menu-max-depth-6 { min-width: 1130px !important; }
387 body.menu-max-depth-7 { min-width: 1160px !important; }
388 body.menu-max-depth-8 { min-width: 1190px !important; }
389 body.menu-max-depth-9 { min-width: 1220px !important; }
390 body.menu-max-depth-10 { min-width: 1250px !important; }
391 body.menu-max-depth-11 { min-width: 1280px !important; }
393 /* Menu item controls */
394 .item-type { text-transform: uppercase; font-size: 11px; color: #999999; padding-right: 10px; }
395 .item-controls { font-size: 11px; position: absolute; right: 20px; top: -1px; }
396 .item-controls a { text-decoration: none; }
397 .item-controls a:hover { cursor: pointer; }
398 .item-controls .item-order { padding-right: 10px;}
399 .item-controls .item-order a {
403 body.js .item-order {
407 .item-controls .menu-item-delete:hover { color: #ff0000; }
410 background: url("../images/menu-bits.gif?ver=20100610") no-repeat scroll 0 -105px;
419 border-bottom: 1px solid #eee;
420 -moz-border-radius-bottomleft: 3px;
421 -webkit-border-bottom-left-radius: 3px;
422 -khtml-border-bottom-left-radius: 3px;
423 border-bottom-left-radius: 3px;
427 .menu-instructions-inactive {
430 .menu-item-settings {
434 padding: 10px 0 10px 10px;
435 border: solid #E6E6E6;
436 border-width: 0 1px 1px 1px;
437 -moz-border-radius: 0 0 6px 6px;
438 -webkit-border-bottom-right-radius: 6px;
439 -webkit-border-bottom-left-radius: 6px;
440 -khtml-border-bottom-right-radius: 6px;
441 -khtml-border-bottom-left-radius: 6px;
443 .menu-item-edit-active .menu-item-settings {
447 .menu-item-edit-inactive .menu-item-settings {
451 .add-menu-item-pagelinks {
459 padding: 3px 5px 5px;
463 border: 1px solid #dfdfdf;
465 -webkit-border-radius: 6px;
466 -moz-border-radius: 6px;
467 -khtml-border-radius: 6px;
469 .link-to-original a {
478 .menu-item-settings .description-thin,
479 .menu-item-settings .description-wide {
495 #cancel-save { cursor: pointer; }
496 #cancel-save:hover { color: #fff !important; }
497 #update-menu-item { color: #fff !important; }
498 #update-menu-item:hover,
499 #update-menu-item:active,
500 #update-menu-item:focus { color: #eaf2fa !important; border-color: #13455b !important; }
502 /* Major/minor publishing actions (classes) */
503 .major-publishing-actions {
507 .major-publishing-actions .publishing-action {
513 .major-publishing-actions .delete-action {
514 vertical-align: middle;
520 .menu-name-label span, .auto-add-pages label {
527 .auto-add-pages input {
534 .submitbox .submitcancel {
536 border-bottom: 1px solid #21759B;
538 text-decoration: none;
540 .submitbox .submitcancel:hover {
545 .major-publishing-actions .form-invalid {
547 -webkit-border-radius: 4px;
548 -moz-border-radius: 4px;
549 -khtml-border-radius: 4px;
555 #menu-item-name-wrap:after,
556 #menu-item-url-wrap:after,
557 #menu-name-label:after,
558 #menu-settings-column .inside:after,
559 #nav-menus-frame:after,
560 #post-body-content:after,
561 .button-controls:after,
562 .major-publishing-actions:after,
563 .menu-item-settings:after {
570 #nav-menus-frame, .button-controls, #menu-item-url-wrap, #menu-item-name-wrap { display: block; }