wp-admin/css/nav-menus-rtl.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 8px 3px 5px;
  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-right: 300px;
  32         margin-top: 23px;
  33 }
  34
  35 #wpbody-content #menu-settings-column {
  36         display:inline;
  37         width:281px;
  38         margin-right: -300px;
  39         clear: both;
  40         float: right;
  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-right: 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: right;
  91         margin-left: 6px;
  92 }
  93
  94 .manage-menus .selected-menu {
  95         float: right;
  96         margin: 5px 0 0 6px;
  97 }
  98
  99 .manage-menus .submit-btn {
 100         float: right;
 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-right: 18%;
 121 }
 122
 123 .menu-settings dd {
 124         float: right;
 125         margin: 0;
 126         width: 100%;
 127 }
 128
 129 .menu-settings dt {
 130         float: right;
 131         clear: both;
 132         width: 21.951%;
 133         padding: 3px 0 0;
 134         margin-right: -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: right;
 153         min-width: 100%;
 154         margin-top: 3px;
 155 }
 156
 157 #menu-management {
 158         position: relative;
 159         margin-left: 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: left;
 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: right;
 225 }
 226
 227 #locations-nav-menu-wrapper {
 228         padding: 5px 0;
 229 }
 230
 231 .locations-nav-menu-select select {
 232         float: right;
 233         width: 160px;
 234         margin-left: 5px;
 235 }
 236
 237 .locations-row-links {
 238         float: right;
 239         margin: 6px 6px 0 0;
 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-left: 3px;
 249         border-left: 1px solid #ccc;
 250 }
 251
 252 #wpbody .open-label {
 253         display: block;
 254         float:right;
 255 }
 256
 257 #wpbody .open-label span {
 258         padding-left: 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: left;
 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: left;
 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: right;
 309         margin: 6px 6px 0 0;
 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: right;
 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-right: 20px;
 331         margin-top: 5px;
 332 }
 333
 334 .button.right, .button-secondary.right, .button-primary.right {
 335         float: left;
 336 }
 337
 338 /* Button Secondary Actions */
 339 .list-controls {
 340         float: right;
 341         margin-top: 5px;
 342 }
 343
 344 .add-to-menu {
 345         float: left;
 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: right;
 388         margin-top: 5px;
 389         padding-left: 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: right;
 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-left: 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         min-height: 20px;
 475         width: 382px;
 476         line-height: 30px;
 477         overflow: hidden;
 478         word-wrap: break-word;
 479 }
 480
 481 .menu-item-bar .menu-item-handle:hover {
 482         border-color: #999;
 483 }
 484
 485 #menu-to-edit .menu-item-invalid .menu-item-handle {
 486         background: #f6c9cc;
 487         border-color: #f1acb1;
 488 }
 489
 490 .no-js .menu-item-edit-active .item-edit {
 491         display: none;
 492 }
 493
 494 .js .menu-item-handle {
 495         cursor: move;
 496 }
 497
 498 .menu li.deleting .menu-item-handle {
 499         background-image: none;
 500         background-color: #f66;
 501 }
 502
 503 .menu-item-handle .item-title {
 504         font-size: 13px;
 505         font-weight: 600;
 506         line-height: 20px;
 507         display: block;
 508         margin-left: 13em;
 509 }
 510
 511 .menu-item-handle .menu-item-title.no-title {
 512         color: #999;
 513 }
 514
 515 /* Sortables */
 516 li.menu-item.ui-sortable-helper dl {
 517         margin-top: 0;
 518 }
 519
 520 li.menu-item.ui-sortable-helper .menu-item-transport dl {
 521         margin-top: 13px;
 522 }
 523
 524 .menu .sortable-placeholder {
 525         height: 35px;
 526         width: 410px;
 527         margin-top: 13px;
 528 }
 529
 530 /* WARNING: The factor of 30px is hardcoded into the nav-menus JavaScript. */
 531 .menu-item-depth-0 { margin-right: 0px; }
 532 .menu-item-depth-1 { margin-right: 30px; }
 533 .menu-item-depth-2 { margin-right: 60px; }
 534 .menu-item-depth-3 { margin-right: 90px; }
 535 .menu-item-depth-4 { margin-right: 120px; }
 536 .menu-item-depth-5 { margin-right: 150px; }
 537 .menu-item-depth-6 { margin-right: 180px; }
 538 .menu-item-depth-7 { margin-right: 210px; }
 539 .menu-item-depth-8 { margin-right: 240px; }
 540 .menu-item-depth-9 { margin-right: 270px; }
 541 .menu-item-depth-10 { margin-right: 300px; }
 542 .menu-item-depth-11 { margin-right: 330px; }
 543
 544 .menu-item-depth-0 .menu-item-transport { margin-right: 0px; }
 545 .menu-item-depth-1 .menu-item-transport { margin-right: -30px; }
 546 .menu-item-depth-2 .menu-item-transport { margin-right: -60px; }
 547 .menu-item-depth-3 .menu-item-transport { margin-right: -90px; }
 548 .menu-item-depth-4 .menu-item-transport { margin-right: -120px; }
 549 .menu-item-depth-5 .menu-item-transport { margin-right: -150px; }
 550 .menu-item-depth-6 .menu-item-transport { margin-right: -180px; }
 551 .menu-item-depth-7 .menu-item-transport { margin-right: -210px; }
 552 .menu-item-depth-8 .menu-item-transport { margin-right: -240px; }
 553 .menu-item-depth-9 .menu-item-transport { margin-right: -270px; }
 554 .menu-item-depth-10 .menu-item-transport { margin-right: -300px; }
 555 .menu-item-depth-11 .menu-item-transport { margin-right: -330px; }
 556
 557 body.menu-max-depth-0 { min-width: 950px !important; }
 558 body.menu-max-depth-1 { min-width: 980px !important; }
 559 body.menu-max-depth-2 { min-width: 1010px !important; }
 560 body.menu-max-depth-3 { min-width: 1040px !important; }
 561 body.menu-max-depth-4 { min-width: 1070px !important; }
 562 body.menu-max-depth-5 { min-width: 1100px !important; }
 563 body.menu-max-depth-6 { min-width: 1130px !important; }
 564 body.menu-max-depth-7 { min-width: 1160px !important; }
 565 body.menu-max-depth-8 { min-width: 1190px !important; }
 566 body.menu-max-depth-9 { min-width: 1220px !important; }
 567 body.menu-max-depth-10 { min-width: 1250px !important; }
 568 body.menu-max-depth-11 { min-width: 1280px !important; }
 569
 570 /* Menu item controls */
 571 .item-type {
 572         color: #777;
 573         font-size: 12px;
 574         padding: 12px 10px;
 575         line-height: 18px;
 576         display: block;
 577 }
 578
 579 .item-controls {
 580         font-size: 12px;
 581         position: absolute;
 582         left: 20px;
 583         top: -1px;
 584 }
 585
 586 .item-controls a {
 587         text-decoration: none;
 588 }
 589
 590 .item-controls a:hover {
 591         cursor: pointer;
 592 }
 593
 594 .item-controls .item-order {
 595         padding-left: 10px;
 596 }
 597
 598 .nav-menus-php .item-edit {
 599         position: absolute;
 600         left: -20px;
 601         top: 0;
 602         display: block;
 603         width: 30px;
 604         height: 40px;
 605         margin-left: 0 !important;
 606         text-indent: 100%;
 607         outline: none;
 608         overflow: hidden;
 609         white-space: nowrap;
 610 }
 611
 612 /* Menu editing */
 613 .menu-instructions-inactive {
 614         display: none;
 615 }
 616
 617 .menu-item-settings {
 618         display: block;
 619         width: 402px;
 620         padding: 10px 10px 10px 0;
 621         position: relative;
 622         z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
 623         border: 1px solid #e5e5e5;
 624         border-top: none;
 625         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 626         box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 627 }
 628
 629 .menu-item-settings .field-move a {
 630         display: none;
 631         margin: 0 2px;
 632 }
 633
 634 .menu-item-edit-active .menu-item-settings {
 635         display: block;
 636 }
 637
 638 .menu-item-edit-inactive .menu-item-settings {
 639         display: none;
 640 }
 641
 642 .add-menu-item-pagelinks {
 643         margin: .5em auto;
 644         text-align: center;
 645 }
 646
 647 .link-to-original {
 648         display: block;
 649         margin: 0 0 10px;
 650         padding: 3px 5px 5px;
 651         border: 1px solid #dfdfdf;
 652         color: #777;
 653         font-size: 12px;
 654         font-style: italic;
 655 }
 656
 657 .link-to-original a {
 658         padding-right: 4px;
 659         font-style: normal;
 660 }
 661
 662 .hidden-field {
 663         display: none;
 664 }
 665
 666 .menu-item-settings .description-thin,
 667 .menu-item-settings .description-wide {
 668         margin-left: 10px;
 669         float: right;
 670 }
 671
 672 .description-thin {
 673         width: 190px;
 674         height: 40px;
 675 }
 676
 677 .description-wide {
 678         width: 390px;
 679 }
 680
 681 .menu-item-actions {
 682         padding-top: 15px;
 683 }
 684
 685 #cancel-save {
 686         cursor: pointer;
 687 }
 688
 689 /* Major/minor publishing actions (classes) */
 690 .nav-menus-php .major-publishing-actions {
 691         clear: both;
 692         padding: 3px 0 6px;
 693 }
 694
 695 .nav-menus-php .major-publishing-actions .publishing-action {
 696         text-align: left;
 697         float: left;
 698         line-height: 23px;
 699         margin: 4px 0 1px;
 700 }
 701
 702 .nav-menus-php .blank-slate .menu-settings {
 703         display: none;
 704 }
 705
 706 .nav-menus-php .delete-action {
 707         float: right;
 708         margin-top: 2px;
 709 }
 710
 711 .nav-menus-php .submitbox .submitcancel {
 712         border-bottom: 1px solid #0074a2;
 713         padding: 1px 2px;
 714         color: #0074a2;
 715         text-decoration: none;
 716 }
 717
 718 .nav-menus-php .submitbox .submitcancel:hover {
 719         background: #0074a2;
 720         color: #fff;
 721 }
 722
 723 .nav-menus-php .major-publishing-actions .form-invalid {
 724         padding-right: 4px;
 725         margin-right: -4px;
 726 }
 727
 728 /* Clearfix */
 729 #menu-item-name-wrap:after,
 730 #menu-item-url-wrap:after,
 731 #menu-name-label:after,
 732 #menu-settings-column .inside:after,
 733 #nav-menus-frame:after,
 734 .nav-menus-php #post-body-content:after,
 735 .nav-menus-php .button-controls:after,
 736 .nav-menus-php .major-publishing-actions:after,
 737 .nav-menus-php .menu-item-settings:after {
 738         clear: both;
 739         content: ".";
 740         display: block;
 741         height: 0;
 742         visibility: hidden;
 743 }
 744
 745 #nav-menus-frame,
 746 .button-controls,
 747 #menu-item-url-wrap,
 748 #menu-item-name-wrap {
 749         display: block;
 750 }
 751
 752 /* =Media Queries
 753 -------------------------------------------------------------- */
 754
 755 @media screen and ( max-width: 782px ) {
 756         body.nav-menus-php {
 757                 min-width: 0 !important;
 758         }
 759
 760         #nav-menus-frame {
 761                 margin-right: 0;
 762                 float: none;
 763                 width: 100%;
 764         }
 765
 766         #wpbody-content #menu-settings-column {
 767                 display: block;
 768                 width: 100%;
 769                 float: none;
 770                 margin-right: 0;
 771         }
 772
 773         #side-sortables .add-menu-item-tabs {
 774                 margin: 15px 0 14px;
 775         }
 776
 777         ul.add-menu-item-tabs li.tabs {
 778                 padding: 13px 15px 14px;
 779         }
 780
 781         .nav-menus-php .item-controls .item-type {
 782                 margin-top: 2px;
 783         }
 784
 785         .nav-menus-php .customlinkdiv .howto input {
 786                 width: 65%;
 787         }
 788
 789         .nav-menus-php .quick-search {
 790                 width: 85%;
 791         }
 792
 793         #menu-management-liquid {
 794                 margin-top: 25px;
 795         }
 796
 797         .nav-menus-php .menu-name-label.howto span {
 798                 margin-top: 13px
 799         }
 800
 801         .menu-name-label #menu-name {
 802                 margin-top: 4px;
 803         }
 804
 805         .nav-menus-php .major-publishing-actions .publishing-action {
 806                 margin-top: 6px;
 807         }
 808
 809         .nav-menus-php .delete-action {
 810                 font-size: 14px;
 811                 line-height: 50px;
 812                 margin-top: 12px;
 813         }
 814
 815         .menu-item-bar .menu-item-handle,
 816         .menu-item-settings,
 817         .description-wide {
 818                 width: auto;
 819         }
 820
 821         .menu-item-settings {
 822                 padding: 10px;
 823         }
 824
 825         .menu-item-settings .description-thin,
 826         .menu-item-settings .description-wide {
 827                 width: 100%;
 828                 height: auto;
 829         }
 830
 831         .menu-item-settings input {
 832                 width: 100%;
 833         }
 834
 835         .menu-settings dl {
 836                 padding-right: 0;
 837         }
 838
 839         .menu-settings dd {
 840                 float: none;
 841                 width: 100%;
 842                 margin-bottom: 15px;
 843         }
 844
 845         .menu-settings dt {
 846                 float: none;
 847                 width: auto;
 848                 margin-right: 0;
 849                 margin-bottom: 15px;
 850         }
 851 }
 852
 853 @media only screen and (max-width: 768px) {
 854         /* menu locations */
 855         #menu-locations-wrap .widefat {
 856                 width: 100%;
 857         }
 858 }