wp-admin/css/nav-menu.dev.css

   1 /**
   2  * WordPress Administration Custom Navigation
   3  * Interface CSS
   4  *
   5  * @version 2.0.0
   6  *
   7  * @package WordPress
   8  * @subpackage Administration
   9  */
  10
  11 html,
  12 body {
  13         min-width: 950px;
  14 }
  15
  16 #nav-menus-frame {
  17         margin-left: 300px;
  18 }
  19
  20 #wpbody-content #menu-settings-column {
  21         display:inline;
  22         width:281px;
  23         margin-left: -300px;
  24         clear: both;
  25         float: left;
  26         padding-top: 24px;
  27 }
  28         .no-js #wpbody-content #menu-settings-column {
  29                 padding-top: 31px;
  30         }
  31
  32 #menu-settings-column .inside {
  33         clear: both;
  34 }
  35
  36 .metabox-holder-disabled .postbox {
  37         opacity: 0.5;
  38         filter: alpha(opacity=50);
  39 }
  40
  41 .metabox-holder-disabled .button-controls .select-all {
  42         display: none;
  43 }
  44 #wpbody {
  45         position: relative;
  46 }
  47
  48 /* Menu Container */
  49 #menu-management-liquid {
  50         float: left;
  51         min-width: 100%;
  52 }
  53
  54 #menu-management {
  55         position: relative;
  56         margin-right: 20px;
  57         margin-top: -3px;
  58         width: 100%;
  59 }
  60
  61 #menu-management .menu-edit {
  62         border: 1px solid;
  63         -moz-border-radius: 3px;
  64         -webkit-border-radius: 3px;
  65         -khtml-border-radius: 3px;
  66         border-radius: 3px;
  67         margin-bottom: 20px;
  68 }
  69
  70 #post-body {
  71         padding: 10px;
  72         border-width: 1px 0;
  73         border-style: solid;
  74 }
  75
  76 #nav-menu-header,
  77 #nav-menu-footer {
  78         padding: 0 10px;
  79 }
  80
  81 #nav-menu-header {
  82         border-bottom: 1px solid;
  83 }
  84
  85 #nav-menu-footer {
  86         border-top: 1px solid;
  87 }
  88
  89 #post-body div.updated, #post-body div.error {
  90         margin: 0;
  91 }
  92
  93 #post-body-content {
  94         position: relative;
  95 }
  96
  97 #menu-management .menu-add-new abbr {
  98         font-weight:bold;
  99 }
 100
 101 /* Menu Tabs */
 102
 103 #menu-management .nav-tabs-nav {
 104         margin: 0 20px;
 105 }
 106
 107 #menu-management .nav-tabs-arrow {
 108         width: 10px;
 109         padding: 0 5px 4px;
 110         cursor: pointer;
 111         position: absolute;
 112         top: 0;
 113         line-height: 22px;
 114         font-size: 18px;
 115         text-shadow: 0 1px 0 #fff;
 116 }
 117
 118 #menu-management .nav-tabs-arrow a:hover{
 119 }
 120
 121 #menu-management .nav-tabs-arrow a:active {
 122 }
 123
 124 #menu-management .nav-tabs-arrow-left {
 125                 left: 0;
 126 }
 127
 128 #menu-management .nav-tabs-arrow-right {
 129                 right: 0;
 130                 text-align: right;
 131 }
 132
 133 #menu-management .nav-tabs-wrapper {
 134         width: 100%;
 135         height: 28px;
 136         margin-bottom: -1px;
 137         overflow: hidden;
 138 }
 139
 140 #menu-management .nav-tabs {
 141         padding-left: 20px;
 142         padding-right: 10px;
 143 }
 144
 145 .js #menu-management .nav-tabs {
 146         float: left;
 147         margin-left: 0px;
 148         margin-right: -400px;
 149 }
 150
 151 #menu-management .nav-tab {
 152         margin-bottom: 0;
 153         font-size: 14px;
 154         font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
 155 }
 156
 157
 158 #select-nav-menu-container {
 159         text-align: right;
 160         padding: 0 10px 3px 10px;
 161         margin-bottom: 5px;
 162 }
 163
 164 #select-nav-menu {
 165         width: 100px;
 166         display: inline;
 167 }
 168
 169 #menu-name-label {
 170         margin-top: -2px;
 171 }
 172
 173 #wpbody .open-label {
 174         display: block;
 175         float:left;
 176 }
 177
 178 #wpbody .open-label span {
 179         padding-right: 10px;
 180 }
 181
 182 .js .input-with-default-title {
 183         font-style: italic;
 184 }
 185
 186 #menu-management .inside {
 187         padding: 0 10px;
 188 }
 189
 190 /* Add Menu Item Boxes */
 191 .postbox .howto input {
 192         width: 180px;
 193         float: right;
 194 }
 195
 196 .customlinkdiv .howto input {
 197         width: 200px;
 198 }
 199
 200 #nav-menu-theme-locations .howto select {
 201         width: 100%;
 202 }
 203
 204 #nav-menu-theme-locations .button-controls {
 205         text-align: right;
 206 }
 207
 208 .add-menu-item-view-all {
 209         height: 400px;
 210 }
 211
 212 /* Button Primary Actions */
 213 #menu-container .submit {
 214         margin: 0px 0px 10px;
 215         padding: 0px;
 216 }
 217
 218 .meta-sep,
 219 .submitdelete,
 220 .submitcancel {
 221         display:block;
 222         float:left;
 223         font-size: 12px;
 224         margin: 4px 0;
 225         line-height: 15px;
 226 }
 227
 228 .meta-sep {
 229         padding: 0 2px;
 230 }
 231
 232 #cancel-save {
 233         text-decoration: underline;
 234         font-size: 12px;
 235         margin-left: 20px;
 236         margin-top: 5px;
 237 }
 238
 239 /* Button Secondary Actions */
 240 .list-controls {
 241         float: left;
 242         margin-top: 5px;
 243 }
 244
 245 .add-to-menu {
 246         float: right;
 247 }
 248
 249 .postbox img.waiting {
 250         display: none;
 251         vertical-align: middle;
 252 }
 253
 254 .button-controls {
 255         clear:both;
 256         margin: 10px 0;
 257 }
 258
 259 .show-all, .hide-all {
 260         cursor: pointer;
 261 }
 262
 263 .hide-all {
 264         display: none;
 265 }
 266
 267 /* Create Menu */
 268 #menu-name {
 269         width: 270px;
 270 }
 271
 272 #manage-menu .inside {
 273         padding: 0px 0px;
 274 }
 275
 276 /* Custom Links */
 277 #available-links dt {
 278         display: block;
 279 }
 280
 281 #add-custom-link .howto {
 282         font-size: 12px;
 283 }
 284
 285 #add-custom-link label span {
 286         display: block;
 287         float: left;
 288         margin-top: 5px;
 289         padding-right: 5px;
 290 }
 291
 292 .menu-item-textbox {
 293         width: 180px;
 294 }
 295
 296 .howto span {
 297         margin-top: 4px;
 298         display: block;
 299         float: left;
 300 }
 301
 302 /* Menu item types */
 303 .quick-search {
 304         width: 190px;
 305 }
 306
 307 .list-wrap {
 308         display: none;
 309         clear: both;
 310         margin-bottom: 10px;
 311 }
 312
 313 .list-container {
 314         max-height: 200px;
 315         overflow-y: auto;
 316         padding: 10px 10px 5px;
 317         border: 1px solid;
 318         -moz-border-radius: 3px;
 319 }
 320
 321 .postbox p.submit {
 322         margin-bottom: 0;
 323 }
 324
 325 /* Listings */
 326 .list li {
 327         display: none;
 328         margin: 0;
 329         margin-bottom: 5px;
 330 }
 331
 332 .list li .menu-item-title {
 333         cursor: pointer;
 334         display: block;
 335 }
 336
 337 .list li .menu-item-title input {
 338         margin-right: 3px;
 339         margin-top: -3px;
 340 }
 341
 342 /* Nav Menu */
 343 #menu-container .inside {
 344         padding-bottom: 10px;
 345 }
 346
 347 .menu {
 348         padding-top:1em;
 349 }
 350
 351 #menu-to-edit {
 352         padding: 1em 0;
 353 }
 354
 355 .menu ul {
 356         width: 100%;
 357 }
 358
 359 .menu ul.sub-menu {
 360 }
 361
 362 .menu li {
 363         margin-bottom: 0;
 364         position:relative;
 365 }
 366
 367 .menu-item-bar {
 368         clear:both;
 369         line-height:1.5em;
 370         position:relative;
 371         margin-top: 13px;
 372 }
 373
 374 .menu-item-handle {
 375         border: 1px solid #dfdfdf;
 376         position: relative;
 377         padding-left: 10px;
 378         height: auto;
 379         width: 400px;
 380         line-height: 35px;
 381         text-shadow: 0 1px 0 #FFFFFF;
 382         overflow: hidden;
 383         word-wrap: break-word;
 384         border-radius: 3px;
 385         -webkit-border-radius: 3px;
 386         -moz-border-radius: 3px;
 387         -khtml-border-radius: 3px;
 388 }
 389
 390 #menu-to-edit .menu-item-invalid .menu-item-handle {
 391         background-color: #f6c9cc; /* Fallback */
 392         background-image: -ms-linear-gradient(bottom, #f6c9cc, #fdf8ff); /* IE10 */
 393         background-image: -moz-linear-gradient(bottom, #f6c9cc, #fdf8ff); /* Firefox */
 394         background-image: -o-linear-gradient(bottom, #f6c9cc, #fdf8ff); /* Opera */
 395         background-image: -webkit-gradient(linear, left bottom, left top, from(#f6c9cc), to(#fdf8ff)); /* old Webkit  */
 396         background-image: -webkit-linear-gradient(bottom, #f6c9cc, #fdf8ff); /* new Webkit */
 397         background-image: linear-gradient(bottom, #f6c9cc, #fdf8ff); /* proposed W3C Markup */
 398 }
 399
 400 .menu-item-edit-active .menu-item-handle {
 401         -moz-border-radius: 3px 3px 0 0;
 402         -webkit-border-bottom-right-radius: 0;
 403         -webkit-border-bottom-left-radius: 0;
 404         -khtml-border-bottom-right-radius: 0;
 405         -khtml-border-bottom-left-radius: 0;
 406         border-bottom-right-radius: 0;
 407         border-bottom-left-radius: 0;
 408 }
 409
 410 .no-js .menu-item-edit-active .item-edit {
 411         display: none;
 412 }
 413
 414 .js .menu-item-handle {
 415         cursor: move;
 416 }
 417
 418 .menu li.deleting .menu-item-handle {
 419         background-image: none;
 420         text-shadow: 0 0 0;
 421 }
 422
 423 .menu-item-handle .item-title {
 424         font-size: 12px;
 425         font-weight: bold;
 426         padding: 7px 0;
 427         line-height: 20px;
 428         display:block;
 429         margin-right:13em;
 430 }
 431
 432 /* Sortables */
 433 li.menu-item.ui-sortable-helper dl {
 434         margin-top: 0;
 435 }
 436
 437 li.menu-item.ui-sortable-helper .menu-item-transport dl {
 438                 margin-top: 13px;
 439 }
 440
 441 .menu .sortable-placeholder {
 442         height: 35px;
 443         width: 410px;
 444         margin-top: 13px;
 445 }
 446
 447 /* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */
 448 .menu-item-depth-0 { margin-left: 0px; }
 449 .menu-item-depth-1 { margin-left: 30px; }
 450 .menu-item-depth-2 { margin-left: 60px; }
 451 .menu-item-depth-3 { margin-left: 90px; }
 452 .menu-item-depth-4 { margin-left: 120px; }
 453 .menu-item-depth-5 { margin-left: 150px; }
 454 .menu-item-depth-6 { margin-left: 180px; }
 455 .menu-item-depth-7 { margin-left: 210px; }
 456 .menu-item-depth-8 { margin-left: 240px; }
 457 .menu-item-depth-9 { margin-left: 270px; }
 458 .menu-item-depth-10 { margin-left: 300px; }
 459 .menu-item-depth-11 { margin-left: 330px; }
 460
 461 .menu-item-depth-0 .menu-item-transport { margin-left: 0px; }
 462 .menu-item-depth-1 .menu-item-transport { margin-left: -30px; }
 463 .menu-item-depth-2 .menu-item-transport { margin-left: -60px; }
 464 .menu-item-depth-3 .menu-item-transport { margin-left: -90px; }
 465 .menu-item-depth-4 .menu-item-transport { margin-left: -120px; }
 466 .menu-item-depth-5 .menu-item-transport { margin-left: -150px; }
 467 .menu-item-depth-6 .menu-item-transport { margin-left: -180px; }
 468 .menu-item-depth-7 .menu-item-transport { margin-left: -210px; }
 469 .menu-item-depth-8 .menu-item-transport { margin-left: -240px; }
 470 .menu-item-depth-9 .menu-item-transport { margin-left: -270px; }
 471 .menu-item-depth-10 .menu-item-transport { margin-left: -300px; }
 472 .menu-item-depth-11 .menu-item-transport { margin-left: -330px; }
 473
 474 body.menu-max-depth-0 { min-width: 950px !important; }
 475 body.menu-max-depth-1 { min-width: 980px !important; }
 476 body.menu-max-depth-2 { min-width: 1010px !important; }
 477 body.menu-max-depth-3 { min-width: 1040px !important; }
 478 body.menu-max-depth-4 { min-width: 1070px !important; }
 479 body.menu-max-depth-5 { min-width: 1100px !important; }
 480 body.menu-max-depth-6 { min-width: 1130px !important; }
 481 body.menu-max-depth-7 { min-width: 1160px !important; }
 482 body.menu-max-depth-8 { min-width: 1190px !important; }
 483 body.menu-max-depth-9 { min-width: 1220px !important; }
 484 body.menu-max-depth-10 { min-width: 1250px !important; }
 485 body.menu-max-depth-11 { min-width: 1280px !important; }
 486
 487 /* Menu item controls */
 488 .item-type {
 489         font-size: 12px;
 490         padding-right: 10px;
 491 }
 492
 493 .item-controls {
 494         font-size: 12px;
 495         position: absolute;
 496         right: 20px;
 497         top: -1px;
 498 }
 499
 500 .item-controls a {
 501         text-decoration: none;
 502 }
 503
 504 .item-controls a:hover {
 505         cursor: pointer;
 506 }
 507
 508 .item-controls .item-order {
 509         padding-right: 10px;
 510 }
 511
 512 .item-controls .item-order a {
 513         font-weight:bold;
 514 }
 515
 516 body.js .item-order {
 517         display:none;
 518 }
 519
 520 .item-controls .menu-item-delete:hover {
 521 }
 522
 523 .item-edit {
 524         position: absolute;
 525         right: -20px;
 526         top: 0;
 527         display: block;
 528         width:30px;
 529         height: 36px;
 530         overflow: hidden;
 531         text-indent:-999em;
 532         border-bottom: 1px solid;
 533         -moz-border-radius-bottomleft: 3px;
 534         -webkit-border-bottom-left-radius: 3px;
 535         -khtml-border-bottom-left-radius: 3px;
 536         border-bottom-left-radius: 3px;
 537 }
 538
 539 .item-edit:hover {
 540 }
 541
 542 /* Menu editing */
 543 .menu-instructions-inactive {
 544         display: none;
 545 }
 546
 547 .menu-item-settings {
 548         display:block;
 549         width: 400px;
 550         padding: 10px 0 10px 10px;
 551         border: solid;
 552         border-width: 0 1px 1px 1px;
 553         -moz-border-radius: 0 0 3px 3px;
 554         -webkit-border-bottom-right-radius: 3px;
 555         -webkit-border-bottom-left-radius: 3px;
 556         -khtml-border-bottom-right-radius: 3px;
 557         -khtml-border-bottom-left-radius: 3px;
 558 }
 559
 560 .menu-item-edit-active .menu-item-settings {
 561         display:block;
 562 }
 563
 564 .menu-item-edit-inactive .menu-item-settings {
 565         display:none;
 566 }
 567
 568 .add-menu-item-pagelinks {
 569         margin:.5em auto;
 570         text-align:center;
 571 }
 572
 573 .link-to-original {
 574         display: block;
 575         margin: 0 0 10px;
 576         padding: 3px 5px 5px;
 577         font-size: 12px;
 578         font-style: italic;
 579         border: 1px solid;
 580         border-radius: 3px;
 581         -webkit-border-radius: 3px;
 582         -moz-border-radius: 3px;
 583         -khtml-border-radius: 3px;
 584 }
 585
 586 .link-to-original a {
 587                 padding-left: 4px;
 588                 font-style: normal;
 589 }
 590
 591 .hidden-field {
 592         display: none;
 593 }
 594
 595 .menu-item-settings .description-thin,
 596 .menu-item-settings .description-wide {
 597         margin-right: 10px;
 598         float: left;
 599 }
 600
 601 .description-thin {
 602         width: 190px;
 603         height: 40px;
 604 }
 605
 606 .description-wide {
 607         width: 390px;
 608 }
 609
 610 .menu-item-actions {
 611         padding-top: 15px;
 612 }
 613
 614 #cancel-save {
 615         cursor: pointer;
 616 }
 617
 618 #cancel-save:hover {
 619 }
 620
 621 #update-menu-item {
 622 }
 623
 624 #update-menu-item:hover,
 625 #update-menu-item:active,
 626 #update-menu-item:focus {
 627 }
 628
 629 /* Major/minor publishing actions (classes) */
 630 .major-publishing-actions {
 631         clear:both;
 632         padding: 3px 0 5px;
 633 }
 634
 635 .major-publishing-actions .publishing-action {
 636         text-align: right;
 637         float: right;
 638         line-height: 23px;
 639         margin: 5px 0 1px;
 640 }
 641
 642 .major-publishing-actions .delete-action {
 643         vertical-align: middle;
 644         text-align: left;
 645         float: left;
 646         padding-right: 15px;
 647         margin-top: 5px;
 648 }
 649
 650 .menu-name-label span, .auto-add-pages label {
 651         font-size: 12px;
 652         font-style: normal;
 653 }
 654
 655 .menu-name-label {
 656         margin-right: 15px;
 657 }
 658
 659 .auto-add-pages input {
 660         margin-top: 0;
 661 }
 662
 663 .auto-add-pages {
 664         margin-top: 4px;
 665         float: left;
 666 }
 667
 668 .submitbox .submitcancel {
 669         border-bottom: 1px solid;
 670         padding: 1px 2px;
 671         text-decoration: none;
 672 }
 673
 674 .submitbox .submitcancel:hover {
 675 }
 676
 677 .major-publishing-actions .form-invalid {
 678         padding-left: 4px;
 679         margin-left: -4px;
 680         border-radius: 3px;
 681         -webkit-border-radius: 3px;
 682         -moz-border-radius: 3px;
 683         -khtml-border-radius: 3px;
 684 }
 685
 686 /* Clearfix */
 687 #menu-item-name-wrap:after,
 688 #menu-item-url-wrap:after,
 689 #menu-name-label:after,
 690 #menu-settings-column .inside:after,
 691 #nav-menus-frame:after,
 692 #post-body-content:after,
 693 .button-controls:after,
 694 .major-publishing-actions:after,
 695 .menu-item-settings:after {
 696         clear: both;
 697         content: ".";
 698         display: block;
 699         height: 0;
 700         visibility: hidden;
 701 }
 702
 703 #nav-menus-frame, .button-controls, #menu-item-url-wrap, #menu-item-name-wrap {
 704         display: block;
 705 }