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 /* Sortables */
 511 li.menu-item.ui-sortable-helper dl {
 512         margin-top: 0;
 513 }
 514
 515 li.menu-item.ui-sortable-helper .menu-item-transport dl {
 516         margin-top: 13px;
 517 }
 518
 519 .menu .sortable-placeholder {
 520         height: 35px;
 521         width: 410px;
 522         margin-top: 13px;
 523 }
 524
 525 /* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */
 526 .menu-item-depth-0 { margin-right: 0px; }
 527 .menu-item-depth-1 { margin-right: 30px; }
 528 .menu-item-depth-2 { margin-right: 60px; }
 529 .menu-item-depth-3 { margin-right: 90px; }
 530 .menu-item-depth-4 { margin-right: 120px; }
 531 .menu-item-depth-5 { margin-right: 150px; }
 532 .menu-item-depth-6 { margin-right: 180px; }
 533 .menu-item-depth-7 { margin-right: 210px; }
 534 .menu-item-depth-8 { margin-right: 240px; }
 535 .menu-item-depth-9 { margin-right: 270px; }
 536 .menu-item-depth-10 { margin-right: 300px; }
 537 .menu-item-depth-11 { margin-right: 330px; }
 538
 539 .menu-item-depth-0 .menu-item-transport { margin-right: 0px; }
 540 .menu-item-depth-1 .menu-item-transport { margin-right: -30px; }
 541 .menu-item-depth-2 .menu-item-transport { margin-right: -60px; }
 542 .menu-item-depth-3 .menu-item-transport { margin-right: -90px; }
 543 .menu-item-depth-4 .menu-item-transport { margin-right: -120px; }
 544 .menu-item-depth-5 .menu-item-transport { margin-right: -150px; }
 545 .menu-item-depth-6 .menu-item-transport { margin-right: -180px; }
 546 .menu-item-depth-7 .menu-item-transport { margin-right: -210px; }
 547 .menu-item-depth-8 .menu-item-transport { margin-right: -240px; }
 548 .menu-item-depth-9 .menu-item-transport { margin-right: -270px; }
 549 .menu-item-depth-10 .menu-item-transport { margin-right: -300px; }
 550 .menu-item-depth-11 .menu-item-transport { margin-right: -330px; }
 551
 552 body.menu-max-depth-0 { min-width: 950px !important; }
 553 body.menu-max-depth-1 { min-width: 980px !important; }
 554 body.menu-max-depth-2 { min-width: 1010px !important; }
 555 body.menu-max-depth-3 { min-width: 1040px !important; }
 556 body.menu-max-depth-4 { min-width: 1070px !important; }
 557 body.menu-max-depth-5 { min-width: 1100px !important; }
 558 body.menu-max-depth-6 { min-width: 1130px !important; }
 559 body.menu-max-depth-7 { min-width: 1160px !important; }
 560 body.menu-max-depth-8 { min-width: 1190px !important; }
 561 body.menu-max-depth-9 { min-width: 1220px !important; }
 562 body.menu-max-depth-10 { min-width: 1250px !important; }
 563 body.menu-max-depth-11 { min-width: 1280px !important; }
 564
 565 /* Menu item controls */
 566 .item-type {
 567         color: #777;
 568         font-size: 12px;
 569         padding: 12px 10px;
 570         line-height: 18px;
 571         display: block;
 572 }
 573
 574 .item-controls {
 575         font-size: 12px;
 576         position: absolute;
 577         left: 20px;
 578         top: -1px;
 579 }
 580
 581 .item-controls a {
 582         text-decoration: none;
 583 }
 584
 585 .item-controls a:hover {
 586         cursor: pointer;
 587 }
 588
 589 .item-controls .item-order {
 590         padding-left: 10px;
 591 }
 592
 593 .nav-menus-php .item-edit {
 594         position: absolute;
 595         left: -20px;
 596         top: 0;
 597         display: block;
 598         width: 30px;
 599         height: 40px;
 600         margin-left: 0 !important;
 601         text-indent: 100%;
 602         outline: none;
 603         overflow: hidden;
 604         white-space: nowrap;
 605 }
 606
 607 /* Menu editing */
 608 .menu-instructions-inactive {
 609         display: none;
 610 }
 611
 612 .menu-item-settings {
 613         display: block;
 614         width: 402px;
 615         padding: 10px 10px 10px 0;
 616         position: relative;
 617         z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
 618         border: 1px solid #e5e5e5;
 619         border-top: none;
 620         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 621         box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 622 }
 623
 624 .menu-item-settings .field-move a {
 625         display: none;
 626         margin: 0 2px;
 627 }
 628
 629 .menu-item-edit-active .menu-item-settings {
 630         display: block;
 631 }
 632
 633 .menu-item-edit-inactive .menu-item-settings {
 634         display: none;
 635 }
 636
 637 .add-menu-item-pagelinks {
 638         margin: .5em auto;
 639         text-align: center;
 640 }
 641
 642 .link-to-original {
 643         display: block;
 644         margin: 0 0 10px;
 645         padding: 3px 5px 5px;
 646         border: 1px solid #dfdfdf;
 647         color: #777;
 648         font-size: 12px;
 649         font-style: italic;
 650 }
 651
 652 .link-to-original a {
 653         padding-right: 4px;
 654         font-style: normal;
 655 }
 656
 657 .hidden-field {
 658         display: none;
 659 }
 660
 661 .menu-item-settings .description-thin,
 662 .menu-item-settings .description-wide {
 663         margin-left: 10px;
 664         float: right;
 665 }
 666
 667 .description-thin {
 668         width: 190px;
 669         height: 40px;
 670 }
 671
 672 .description-wide {
 673         width: 390px;
 674 }
 675
 676 .menu-item-actions {
 677         padding-top: 15px;
 678 }
 679
 680 #cancel-save {
 681         cursor: pointer;
 682 }
 683
 684 /* Major/minor publishing actions (classes) */
 685 .nav-menus-php .major-publishing-actions {
 686         clear: both;
 687         padding: 3px 0 6px;
 688 }
 689
 690 .nav-menus-php .major-publishing-actions .publishing-action {
 691         text-align: left;
 692         float: left;
 693         line-height: 23px;
 694         margin: 4px 0 1px;
 695 }
 696
 697 .nav-menus-php .blank-slate .menu-settings {
 698         display: none;
 699 }
 700
 701 .nav-menus-php .delete-action {
 702         float: right;
 703         margin-top: 2px;
 704 }
 705
 706 .nav-menus-php .submitbox .submitcancel {
 707         border-bottom: 1px solid #0074a2;
 708         padding: 1px 2px;
 709         color: #0074a2;
 710         text-decoration: none;
 711 }
 712
 713 .nav-menus-php .submitbox .submitcancel:hover {
 714         background: #0074a2;
 715         color: #fff;
 716 }
 717
 718 .nav-menus-php .major-publishing-actions .form-invalid {
 719         padding-right: 4px;
 720         margin-right: -4px;
 721 }
 722
 723 /* Clearfix */
 724 #menu-item-name-wrap:after,
 725 #menu-item-url-wrap:after,
 726 #menu-name-label:after,
 727 #menu-settings-column .inside:after,
 728 #nav-menus-frame:after,
 729 .nav-menus-php #post-body-content:after,
 730 .nav-menus-php .button-controls:after,
 731 .nav-menus-php .major-publishing-actions:after,
 732 .nav-menus-php .menu-item-settings:after {
 733         clear: both;
 734         content: ".";
 735         display: block;
 736         height: 0;
 737         visibility: hidden;
 738 }
 739
 740 #nav-menus-frame,
 741 .button-controls,
 742 #menu-item-url-wrap,
 743 #menu-item-name-wrap {
 744         display: block;
 745 }
 746
 747 /* =Media Queries
 748 -------------------------------------------------------------- */
 749
 750 @media screen and ( max-width: 782px ) {
 751         body.nav-menus-php {
 752                 min-width: 0 !important;
 753         }
 754
 755         #nav-menus-frame {
 756                 margin-right: 0;
 757                 float: none;
 758                 width: 100%;
 759         }
 760
 761         #wpbody-content #menu-settings-column {
 762                 display: block;
 763                 width: 100%;
 764                 float: none;
 765                 margin-right: 0;
 766         }
 767
 768         #side-sortables .add-menu-item-tabs {
 769                 margin: 15px 0 14px;
 770         }
 771
 772         ul.add-menu-item-tabs li.tabs {
 773                 padding: 13px 15px 14px;
 774         }
 775
 776         .nav-menus-php .item-controls .item-type {
 777                 margin-top: 2px;
 778         }
 779
 780         .nav-menus-php .customlinkdiv .howto input {
 781                 width: 65%;
 782         }
 783
 784         .nav-menus-php .quick-search {
 785                 width: 85%;
 786         }
 787
 788         #menu-management-liquid {
 789                 margin-top: 25px;
 790         }
 791
 792         .nav-menus-php .menu-name-label.howto span {
 793                 margin-top: 13px
 794         }
 795
 796         .menu-name-label #menu-name {
 797                 margin-top: 4px;
 798         }
 799
 800         .nav-menus-php .major-publishing-actions .publishing-action {
 801                 margin-top: 6px;
 802         }
 803
 804         .nav-menus-php .delete-action {
 805                 font-size: 14px;
 806                 line-height: 50px;
 807                 margin-top: 12px;
 808         }
 809
 810         .menu-item-bar .menu-item-handle,
 811         .menu-item-settings,
 812         .description-wide {
 813                 width: auto;
 814         }
 815
 816         .menu-item-settings {
 817                 padding: 10px;
 818         }
 819
 820         .menu-item-settings .description-thin,
 821         .menu-item-settings .description-wide {
 822                 width: 100%;
 823                 height: auto;
 824         }
 825
 826         .menu-item-settings input {
 827                 width: 100%;
 828         }
 829
 830         .menu-settings dl {
 831                 padding-right: 0;
 832         }
 833
 834         .menu-settings dd {
 835                 float: none;
 836                 width: 100%;
 837                 margin-bottom: 15px;
 838         }
 839
 840         .menu-settings dt {
 841                 float: none;
 842                 width: auto;
 843                 margin-right: 0;
 844                 margin-bottom: 15px;
 845         }
 846 }
 847
 848 @media only screen and (max-width: 768px) {
 849         /* menu locations */
 850         #menu-locations-wrap .widefat {
 851                 width: 100%;
 852         }
 853 }