wp-admin/css/nav-menus.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 5px 4px 8px;
  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 .has-no-menu-item .button-controls {
  31         display: none;
  32 }
  33
  34 #nav-menus-frame {
  35         margin-left: 300px;
  36         margin-top: 23px;
  37 }
  38
  39 #wpbody-content #menu-settings-column {
  40         display:inline;
  41         width:281px;
  42         margin-left: -300px;
  43         clear: both;
  44         float: left;
  45         padding-top: 0;
  46 }
  47
  48 #menu-settings-column .inside {
  49         clear: both;
  50         margin: 10px 0 0;
  51 }
  52
  53 .metabox-holder-disabled .postbox,
  54 .metabox-holder-disabled .accordion-section-content,
  55 .metabox-holder-disabled .accordion-section-title {
  56         opacity: 0.5;
  57         filter: alpha(opacity=50);
  58 }
  59
  60 .metabox-holder-disabled .button-controls .select-all {
  61         display: none;
  62 }
  63
  64 #wpbody {
  65         position: relative;
  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: #555d66; /* #fafafa background */
  77         font-style: italic;
  78         font-weight: 400;
  79         margin-left: 4px;
  80 }
  81
  82 .manage-menus {
  83         margin-top: 23px;
  84         padding: 10px;
  85         overflow: hidden;
  86         background: #fbfbfb;
  87 }
  88
  89 .manage-menus .selected-menu,
  90 .manage-menus select,
  91 .manage-menus .submit-btn,
  92 .nav-menus-php .add-new-menu-action {
  93         display: inline-block;
  94         margin-right: 3px;
  95         vertical-align: middle;
  96 }
  97
  98 .manage-menus select,
  99 .menu-location-menus select {
 100         max-width: 100%;
 101 }
 102
 103 .menu-edit #post-body-content h3 {
 104         margin: 1em 0 10px;
 105 }
 106
 107 .menu-settings {
 108         border-top: 1px solid #eee;
 109         margin-top: 2em;
 110 }
 111
 112 .menu-settings-group {
 113         margin: 0 0 10px;
 114         overflow: hidden;
 115         padding-left: 20%;
 116 }
 117
 118 .menu-settings-group:last-of-type {
 119         margin-bottom: 0;
 120 }
 121
 122 .menu-settings-input {
 123         float: left;
 124         margin: 0;
 125         width: 100%;
 126 }
 127
 128 .menu-settings-group-name {
 129         float: left;
 130         clear: both;
 131         width: 25%;
 132         padding: 3px 0 0;
 133         margin-left: -25%; /* 20 container left padding x ( 100 container % width / 80 this % width ) */
 134 }
 135
 136 .menu-settings label {
 137         vertical-align: baseline;
 138 }
 139
 140 .menu-edit .checkbox-input {
 141         margin-top: 4px;
 142 }
 143
 144 .theme-location-set {
 145         color: #72777c;
 146         font-size: 11px;
 147 }
 148
 149 /* Menu Container */
 150
 151 /* @todo: responsive view. */
 152 #menu-management-liquid {
 153         float: left;
 154         min-width: 100%;
 155         margin-top: 3px;
 156 }
 157
 158 /* @todo: responsive view. */
 159 #menu-management {
 160         position: relative;
 161         margin-right: 20px;
 162         margin-top: -3px;
 163         width: 100%;
 164         background: #f5f5f5;
 165 }
 166
 167 #menu-management .menu-edit {
 168         margin-bottom: 20px;
 169 }
 170
 171 .nav-menus-php #post-body {
 172         padding: 0 10px 10px;
 173         border-top: 1px solid #fff;
 174         border-bottom: 1px solid #ddd;
 175         background: #fff;
 176 }
 177
 178 #nav-menu-header,
 179 #nav-menu-footer {
 180         padding: 0 10px;
 181 }
 182
 183 #nav-menu-header {
 184         border-bottom: 1px solid #ddd;
 185         margin-bottom: 0;
 186 }
 187
 188 #nav-menu-header .menu-name-label {
 189         display: inline-block;
 190         vertical-align: middle;
 191         margin-right: 7px;
 192         font-style: italic;
 193 }
 194
 195 .nav-menus-php #post-body div.updated,
 196 .nav-menus-php #post-body div.error {
 197         margin: 0;
 198 }
 199
 200 .nav-menus-php #post-body-content {
 201         position: relative;
 202         float: none;
 203 }
 204
 205 #menu-management .menu-add-new abbr {
 206         font-weight:600;
 207 }
 208
 209 #select-nav-menu-container {
 210         text-align: right;
 211         padding: 0 10px 3px 10px;
 212         margin-bottom: 5px;
 213 }
 214
 215 #select-nav-menu {
 216         width: 100px;
 217         display: inline;
 218 }
 219
 220 #menu-name-label {
 221         margin-top: -2px;
 222 }
 223
 224 .widefat .menu-locations .menu-location-title {
 225         padding: 13px 10px 0;
 226 }
 227
 228 .menu-location-title label {
 229         font-weight: 600;
 230 }
 231
 232 .menu-location-menus select {
 233         float: left;
 234 }
 235
 236 #locations-nav-menu-wrapper {
 237         padding: 5px 0;
 238 }
 239
 240 .locations-nav-menu-select select {
 241         float: left;
 242         width: 160px;
 243         margin-right: 5px;
 244 }
 245
 246 .locations-row-links {
 247         float: left;
 248         margin: 6px 0 0 6px;
 249 }
 250
 251 .locations-edit-menu-link,
 252 .locations-add-menu-link {
 253         margin: 0 3px;
 254 }
 255
 256 .locations-edit-menu-link {
 257         padding-right: 3px;
 258         border-right: 1px solid #ccc;
 259 }
 260
 261 #menu-management .inside {
 262         padding: 0 10px;
 263 }
 264
 265 /* Add Menu Item Boxes */
 266 .postbox .howto input,
 267 .customlinkdiv .menu-item-textbox {
 268         width: 180px;
 269         float: right;
 270 }
 271
 272 .accordion-container .outer-border {
 273         margin: 0;
 274 }
 275
 276 .customlinkdiv p {
 277         margin-top: 0
 278 }
 279
 280 #nav-menu-theme-locations .howto select {
 281         width: 100%;
 282 }
 283
 284 #nav-menu-theme-locations .button-controls {
 285         text-align: right;
 286 }
 287
 288 .add-menu-item-view-all {
 289         height: 400px;
 290 }
 291
 292 /* Button Primary Actions */
 293 #menu-container .submit {
 294         margin: 0 0 10px;
 295         padding: 0;
 296 }
 297
 298 /* @todo: is this actually used? */
 299 #cancel-save {
 300         text-decoration: underline;
 301         font-size: 12px;
 302         margin-left: 20px;
 303         margin-top: 5px;
 304 }
 305
 306 .button.right, .button-secondary.right, .button-primary.right {
 307         float: right;
 308 }
 309
 310 /* Button Secondary Actions */
 311 .list-controls {
 312         float: left;
 313         margin-top: 5px;
 314 }
 315
 316 .add-to-menu {
 317         float: right;
 318 }
 319
 320 .button-controls {
 321         clear:both;
 322         margin: 10px 0;
 323 }
 324
 325 .show-all,
 326 .hide-all {
 327         cursor: pointer;
 328 }
 329
 330 .hide-all {
 331         display: none;
 332 }
 333
 334 /* Create Menu */
 335 #menu-name {
 336         width: 270px;
 337         vertical-align: middle;
 338 }
 339
 340 #manage-menu .inside {
 341         padding: 0px 0px;
 342 }
 343
 344 /* Custom Links */
 345 #available-links dt {
 346         display: block;
 347 }
 348
 349 #add-custom-link .howto {
 350         font-size: 12px;
 351 }
 352
 353 #add-custom-link label span {
 354         display: block;
 355         float: left;
 356         margin-top: 5px;
 357         padding-right: 5px;
 358 }
 359
 360 .menu-item-textbox {
 361         width: 180px;
 362 }
 363
 364 .customlinkdiv label,
 365 .nav-menus-php .howto span {
 366         float: left;
 367         margin-top: 6px;
 368 }
 369
 370 /* Menu item types */
 371 .quick-search {
 372         width: 190px;
 373 }
 374
 375 .quick-search-wrap .spinner {
 376         float: none;
 377         margin: -3px -10px 0 0;
 378 }
 379
 380 .nav-menus-php .list-wrap {
 381         display: none;
 382         clear: both;
 383         margin-bottom: 10px;
 384 }
 385
 386 .nav-menus-php .postbox p.submit {
 387         margin-bottom: 0;
 388 }
 389
 390 /* Listings */
 391 .nav-menus-php .list li {
 392         display: none;
 393         margin: 0;
 394         margin-bottom: 5px;
 395 }
 396
 397 .nav-menus-php .list li .menu-item-title {
 398         cursor: pointer;
 399         display: block;
 400 }
 401
 402 .nav-menus-php .list li .menu-item-title input {
 403         margin-right: 3px;
 404         margin-top: -3px;
 405 }
 406
 407 .menu-item-title input[type=checkbox] {
 408         display: inline-block;
 409         margin-top: -4px;
 410 }
 411
 412 /* Nav Menu */
 413 #menu-container .inside {
 414         padding-bottom: 10px;
 415 }
 416
 417 .menu {
 418         padding-top:1em;
 419 }
 420
 421 #menu-to-edit {
 422         margin: 0;
 423         padding: 0.1em 0;
 424 }
 425
 426 .menu ul {
 427         width: 100%;
 428 }
 429
 430 .menu li {
 431         margin-bottom: 0;
 432         position:relative;
 433 }
 434
 435 .menu-item-bar {
 436         clear:both;
 437         line-height:1.5em;
 438         position:relative;
 439         margin: 9px 0 0;
 440 }
 441
 442 .menu-item-bar .menu-item-handle {
 443         border: 1px solid #ddd;
 444         position: relative;
 445         padding: 10px 15px;
 446         height: auto;
 447         min-height: 20px;
 448         width: 382px;
 449         line-height: 30px;
 450         overflow: hidden;
 451         word-wrap: break-word;
 452 }
 453
 454 .menu-item-bar .menu-item-handle:hover {
 455         border-color: #999;
 456 }
 457
 458 #menu-to-edit .menu-item-invalid .menu-item-handle {
 459         background: #f6c9cc;
 460         border-color: #f1acb1;
 461 }
 462
 463 .no-js .menu-item-edit-active .item-edit {
 464         display: none;
 465 }
 466
 467 .js .menu-item-handle {
 468         cursor: move;
 469 }
 470
 471 .menu li.deleting .menu-item-handle {
 472         background-image: none;
 473         background-color: #f66;
 474 }
 475
 476 .menu-item-handle .item-title {
 477         font-size: 13px;
 478         font-weight: 600;
 479         line-height: 20px;
 480         display: block;
 481         /* @todo: responsive view. */
 482         margin-right: 13em;
 483 }
 484
 485 .menu-item-handle .menu-item-title.no-title {
 486         color: #72777c;
 487 }
 488
 489 /* Sortables */
 490 li.menu-item.ui-sortable-helper .menu-item-bar {
 491         margin-top: 0;
 492 }
 493
 494 li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar {
 495         margin-top: 13px;
 496 }
 497
 498 .menu .sortable-placeholder {
 499         height: 35px;
 500         width: 410px;
 501         margin-top: 13px;
 502 }
 503
 504 /* Hide the transport list when it's empty */
 505 .menu-item .menu-item-transport:empty {
 506         display: none;
 507 }
 508
 509 /* WARNING: The factor of 30px is hardcoded into the nav-menus JavaScript. */
 510 .menu-item-depth-0 { margin-left: 0px; }
 511 .menu-item-depth-1 { margin-left: 30px; }
 512 .menu-item-depth-2 { margin-left: 60px; }
 513 .menu-item-depth-3 { margin-left: 90px; }
 514 .menu-item-depth-4 { margin-left: 120px; }
 515 .menu-item-depth-5 { margin-left: 150px; }
 516 .menu-item-depth-6 { margin-left: 180px; }
 517 .menu-item-depth-7 { margin-left: 210px; }
 518 .menu-item-depth-8 { margin-left: 240px; }
 519 .menu-item-depth-9 { margin-left: 270px; }
 520 .menu-item-depth-10 { margin-left: 300px; }
 521 .menu-item-depth-11 { margin-left: 330px; }
 522
 523 .menu-item-depth-0 .menu-item-transport { margin-left: 0px; }
 524 .menu-item-depth-1 .menu-item-transport { margin-left: -30px; }
 525 .menu-item-depth-2 .menu-item-transport { margin-left: -60px; }
 526 .menu-item-depth-3 .menu-item-transport { margin-left: -90px; }
 527 .menu-item-depth-4 .menu-item-transport { margin-left: -120px; }
 528 .menu-item-depth-5 .menu-item-transport { margin-left: -150px; }
 529 .menu-item-depth-6 .menu-item-transport { margin-left: -180px; }
 530 .menu-item-depth-7 .menu-item-transport { margin-left: -210px; }
 531 .menu-item-depth-8 .menu-item-transport { margin-left: -240px; }
 532 .menu-item-depth-9 .menu-item-transport { margin-left: -270px; }
 533 .menu-item-depth-10 .menu-item-transport { margin-left: -300px; }
 534 .menu-item-depth-11 .menu-item-transport { margin-left: -330px; }
 535
 536 body.menu-max-depth-0 { min-width: 950px !important; }
 537 body.menu-max-depth-1 { min-width: 980px !important; }
 538 body.menu-max-depth-2 { min-width: 1010px !important; }
 539 body.menu-max-depth-3 { min-width: 1040px !important; }
 540 body.menu-max-depth-4 { min-width: 1070px !important; }
 541 body.menu-max-depth-5 { min-width: 1100px !important; }
 542 body.menu-max-depth-6 { min-width: 1130px !important; }
 543 body.menu-max-depth-7 { min-width: 1160px !important; }
 544 body.menu-max-depth-8 { min-width: 1190px !important; }
 545 body.menu-max-depth-9 { min-width: 1220px !important; }
 546 body.menu-max-depth-10 { min-width: 1250px !important; }
 547 body.menu-max-depth-11 { min-width: 1280px !important; }
 548
 549 /* Menu item controls */
 550 .item-type {
 551         display: inline-block;
 552         padding: 12px 16px;
 553         color: #666;
 554         font-size: 12px;
 555         line-height: 18px;
 556 }
 557
 558 .item-controls {
 559         font-size: 12px;
 560         position: absolute;
 561         right: 20px;
 562         top: -1px;
 563 }
 564
 565 .item-controls a {
 566         text-decoration: none;
 567 }
 568
 569 .item-controls a:hover {
 570         cursor: pointer;
 571 }
 572
 573 .item-controls .item-order {
 574         padding-right: 10px;
 575 }
 576
 577 .nav-menus-php .item-edit {
 578         position: absolute;
 579         right: -20px;
 580         top: 0;
 581         display: block;
 582         width: 30px;
 583         height: 40px;
 584         margin-right: 0 !important;
 585         text-indent: 100%;
 586         outline: none;
 587         overflow: hidden;
 588         white-space: nowrap;
 589 }
 590
 591 .no-js.nav-menus-php .item-edit {
 592         position: static;
 593         float: right;
 594         width: auto;
 595         height: auto;
 596         margin-right: -10px !important;
 597         padding: 12px 0;
 598         color: #0073aa;
 599         text-decoration: underline;
 600         font-size: 12px;
 601         line-height: 18px;
 602         text-indent: 0;
 603 }
 604
 605 .nav-menus-php .item-edit:before {
 606         margin-top: 10px;
 607         margin-left: 4px;
 608         width: 20px;
 609         -webkit-border-radius: 50%;
 610         border-radius: 50%;
 611         text-indent: -1px; /* account for the dashicon alignment */
 612 }
 613
 614 .no-js.nav-menus-php .item-edit:before {
 615         display: none;
 616 }
 617
 618 .rtl .nav-menus-php .item-edit:before {
 619         text-indent: 1px; /* account for the dashicon alignment */
 620 }
 621
 622 .nav-menus-php .item-edit:focus {
 623         -webkit-box-shadow: none;
 624         box-shadow: none;
 625 }
 626
 627 .nav-menus-php .item-edit:focus:before {
 628         -webkit-box-shadow:
 629                 0 0 0 1px #5b9dd9,
 630                 0 0 2px 1px rgba(30, 140, 190, .8);
 631         box-shadow:
 632                 0 0 0 1px #5b9dd9,
 633                 0 0 2px 1px rgba(30, 140, 190, .8);
 634 }
 635
 636 /* Menu editing */
 637 .menu-instructions-inactive {
 638         display: none;
 639 }
 640
 641 .menu-item-settings {
 642         display: block;
 643         width: 402px;
 644         padding: 10px 0 10px 10px;
 645         position: relative;
 646         z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
 647         border: 1px solid #e5e5e5;
 648         border-top: none;
 649         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 650         box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 651 }
 652
 653 .menu-item-settings .field-move {
 654         margin: 3px 0 5px;
 655         line-height: 1.5;
 656 }
 657
 658 .field-move-visual-label {
 659         float: left;
 660         margin-right: 4px;
 661         font-style: italic;
 662 }
 663
 664 .menu-item-settings .field-move .button-link {
 665         display: none;
 666         margin: 0 2px;
 667         color: #0073aa;
 668         font-style: italic;
 669         text-decoration: underline;
 670 }
 671
 672 .menu-item-settings .field-move .button-link:hover,
 673 .menu-item-settings .field-move .button-link:active {
 674         color: #00a0d2;
 675 }
 676
 677 .menu-item-settings .field-move .button-link:focus {
 678         color: #124964;
 679         -webkit-box-shadow:
 680                 0 0 0 1px #5b9dd9,
 681                 0 0 2px 1px rgba(30, 140, 190, .8);
 682         box-shadow:
 683                 0 0 0 1px #5b9dd9,
 684                 0 0 2px 1px rgba(30, 140, 190, .8);
 685 }
 686
 687 .menu-item-edit-active .menu-item-settings {
 688         display: block;
 689 }
 690
 691 .menu-item-edit-inactive .menu-item-settings {
 692         display: none;
 693 }
 694
 695 .add-menu-item-pagelinks {
 696         margin: .5em -10px;
 697         text-align: center;
 698 }
 699
 700 .add-menu-item-pagelinks .page-numbers {
 701         display: inline-block;
 702         min-width: 20px;
 703 }
 704
 705 .add-menu-item-pagelinks .page-numbers.dots {
 706         min-width: 0;
 707 }
 708
 709 .link-to-original {
 710         display: block;
 711         margin: 0 0 15px;
 712         padding: 3px 5px 5px;
 713         border: 1px solid #ddd;
 714         color: #72777c;
 715         font-size: 12px;
 716         font-style: italic;
 717 }
 718
 719 .link-to-original a {
 720         padding-left: 4px;
 721         font-style: normal;
 722 }
 723
 724 .hidden-field {
 725         display: none;
 726 }
 727
 728 .menu-item-settings .description-thin,
 729 .menu-item-settings .description-wide {
 730         margin-right: 10px;
 731         float: left;
 732 }
 733
 734 .description-thin {
 735         width: 190px;
 736 }
 737
 738 .description-wide {
 739         width: 390px;
 740 }
 741
 742 .menu-item-actions {
 743         padding-top: 15px;
 744         padding-bottom: 7px;
 745 }
 746
 747 #cancel-save {
 748         cursor: pointer;
 749 }
 750
 751 /* Major/minor publishing actions (classes) */
 752 .nav-menus-php .major-publishing-actions {
 753         clear: both;
 754         padding: 10px 0;
 755         line-height: 28px;
 756 }
 757
 758 .nav-menus-php .major-publishing-actions .publishing-action {
 759         text-align: right;
 760         float: right;
 761 }
 762
 763 .nav-menus-php .blank-slate .menu-settings {
 764         display: none;
 765 }
 766
 767 /* Same as the Publish Meta Box #delete-action */
 768 .nav-menus-php .delete-action {
 769         float: left;
 770         line-height: 28px;
 771 }
 772
 773 .nav-menus-php .major-publishing-actions .form-invalid {
 774         padding-left: 4px;
 775         margin-left: -4px;
 776 }
 777
 778 #nav-menus-frame,
 779 .button-controls,
 780 #menu-item-url-wrap,
 781 #menu-item-name-wrap {
 782         display: block;
 783 }
 784
 785 /* =Media Queries
 786 -------------------------------------------------------------- */
 787
 788 @media only screen and (min-width: 769px) and (max-width: 1000px){
 789         body.menu-max-depth-0 {
 790                 min-width: 0 !important;
 791         }
 792
 793         #menu-management-liquid{
 794                 width: 100%;
 795         }
 796
 797         .nav-menus-php #post-body-content{
 798                 min-width: 0;
 799         }
 800
 801         .menu-item-bar .menu-item-handle{
 802                 width: 90%;
 803         }
 804 }
 805
 806 @media screen and ( max-width: 782px ) {
 807         body.nav-menus-php {
 808                 min-width: 0 !important;
 809         }
 810
 811         #nav-menus-frame {
 812                 margin-left: 0;
 813                 float: none;
 814                 width: 100%;
 815         }
 816
 817         #wpbody-content #menu-settings-column {
 818                 display: block;
 819                 width: 100%;
 820                 float: none;
 821                 margin-left: 0;
 822         }
 823
 824         #side-sortables .add-menu-item-tabs {
 825                 margin: 15px 0 14px;
 826         }
 827
 828         ul.add-menu-item-tabs li.tabs {
 829                 padding: 13px 15px 14px;
 830         }
 831
 832         .nav-menus-php .item-controls .item-type {
 833                 margin-top: 2px;
 834         }
 835
 836         .nav-menus-php .customlinkdiv .howto input {
 837                 width: 65%;
 838         }
 839
 840         .nav-menus-php .quick-search {
 841                 width: 85%;
 842         }
 843
 844         #menu-management-liquid {
 845                 margin-top: 25px;
 846         }
 847
 848         .nav-menus-php .menu-name-label.howto span {
 849                 margin-top: 13px
 850         }
 851
 852         .menu-name-label #menu-name {
 853                 margin-top: 4px;
 854         }
 855
 856         .nav-menus-php .delete-action {
 857                 font-size: 14px;
 858                 line-height: 30px;
 859         }
 860
 861         .menu-item-bar .menu-item-handle,
 862         .menu-item-settings,
 863         .description-wide {
 864                 width: auto;
 865         }
 866
 867         .menu-item-settings {
 868                 padding: 10px;
 869         }
 870
 871         .menu-item-settings .description-thin,
 872         .menu-item-settings .description-wide {
 873                 width: 100%;
 874         }
 875
 876         .menu-item-settings input {
 877                 width: 100%;
 878         }
 879
 880         .menu-item-settings input[type="checkbox"],
 881         .menu-item-settings input[type="radio"] {
 882                 width: 25px;
 883         }
 884
 885         .menu-settings-group {
 886                 padding-left: 0;
 887         }
 888
 889         .menu-settings-group-name {
 890                 float: none;
 891                 width: auto;
 892                 margin-left: 0;
 893                 margin-bottom: 15px;
 894         }
 895
 896         .menu-settings-input {
 897                 float: none;
 898                 margin-bottom: 15px;
 899         }
 900
 901         .menu-edit .checkbox-input {
 902             margin-top: 0;
 903         }
 904
 905         .manage-menus select {
 906                 margin: 0.5em 0;
 907         }
 908
 909         .widefat .menu-locations .menu-location-title {
 910                 padding-top: 16px;
 911         }
 912 }
 913
 914 @media only screen and (max-width: 768px) {
 915         /* menu locations */
 916         #menu-locations-wrap .widefat {
 917                 width: 100%;
 918         }
 919 }