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         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-left: 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-right: 0px; }
 531 .menu-item-depth-1 { margin-right: 30px; }
 532 .menu-item-depth-2 { margin-right: 60px; }
 533 .menu-item-depth-3 { margin-right: 90px; }
 534 .menu-item-depth-4 { margin-right: 120px; }
 535 .menu-item-depth-5 { margin-right: 150px; }
 536 .menu-item-depth-6 { margin-right: 180px; }
 537 .menu-item-depth-7 { margin-right: 210px; }
 538 .menu-item-depth-8 { margin-right: 240px; }
 539 .menu-item-depth-9 { margin-right: 270px; }
 540 .menu-item-depth-10 { margin-right: 300px; }
 541 .menu-item-depth-11 { margin-right: 330px; }
 542
 543 .menu-item-depth-0 .menu-item-transport { margin-right: 0px; }
 544 .menu-item-depth-1 .menu-item-transport { margin-right: -30px; }
 545 .menu-item-depth-2 .menu-item-transport { margin-right: -60px; }
 546 .menu-item-depth-3 .menu-item-transport { margin-right: -90px; }
 547 .menu-item-depth-4 .menu-item-transport { margin-right: -120px; }
 548 .menu-item-depth-5 .menu-item-transport { margin-right: -150px; }
 549 .menu-item-depth-6 .menu-item-transport { margin-right: -180px; }
 550 .menu-item-depth-7 .menu-item-transport { margin-right: -210px; }
 551 .menu-item-depth-8 .menu-item-transport { margin-right: -240px; }
 552 .menu-item-depth-9 .menu-item-transport { margin-right: -270px; }
 553 .menu-item-depth-10 .menu-item-transport { margin-right: -300px; }
 554 .menu-item-depth-11 .menu-item-transport { margin-right: -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         left: 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-left: 10px;
 595 }
 596
 597 .nav-menus-php .item-edit {
 598         position: absolute;
 599         left: -20px;
 600         top: 0;
 601         display: block;
 602         width: 30px;
 603         height: 40px;
 604         margin-left: 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 10px 10px 0;
 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-right: 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-left: 10px;
 668         float: right;
 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: left;
 696         float: left;
 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: right;
 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-right: 4px;
 724         margin-right: -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-right: 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-right: 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-right: 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-right: 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 }