| @@ -29,9 +29,9 @@ | ||
| 29 | 29 | } |
| 30 | 30 | |
| 31 | 31 | |
| 32 | 32 | #responsive-menu-admin { |
| 33 | - font-family: "Montserrat"; | |
| 33 | + font-family: "Montserrat", Arial, Helvetica, sans-serif; | |
| 34 | 34 | } |
| 35 | 35 | |
| 36 | 36 | #responsive-menu-admin #banner-area, |
| 37 | 37 | #responsive-menu-admin #options-area { |
| @@ -45,106 +45,8 @@ | ||
| 45 | 45 | margin-left: 5%; |
| 46 | 46 | margin-top: 25px; |
| 47 | 47 | } |
| 48 | 48 | |
| 49 | -#responsive-menu-admin #banner-area #guide-banner { | |
| 50 | - background: white; | |
| 51 | - padding: 15px; | |
| 52 | - margin-top: 15px; | |
| 53 | -} | |
| 54 | - | |
| 55 | -#responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-wrapper, | |
| 56 | -#responsive-menu-admin #banner-area #guide-banner #guide-menu-wrapper:hover, | |
| 57 | -#responsive-menu-admin #banner-area #guide-banner #guide-submenu-wrapper:hover, | |
| 58 | -#responsive-menu-admin #banner-area #guide-banner #guide-container-wrapper:hover, | |
| 59 | -#responsive-menu-admin #banner-area #guide-banner #guide-button-wrapper:hover { | |
| 60 | - outline: 4px solid #15A4FA; | |
| 61 | -} | |
| 62 | - | |
| 63 | -#responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-wrapper { | |
| 64 | - outline-color: yellow; | |
| 65 | -} | |
| 66 | - | |
| 67 | -#responsive-menu-admin #banner-area #guide-banner #guide-button-wrapper { | |
| 68 | - height: 50px; | |
| 69 | - width: 50px; | |
| 70 | - background: #3E4960; | |
| 71 | - padding-top: 10px; | |
| 72 | -} | |
| 73 | - | |
| 74 | -#responsive-menu-admin #banner-area #guide-banner #guide-button-container { | |
| 75 | - | |
| 76 | - float: right; | |
| 77 | -} | |
| 78 | - | |
| 79 | -#responsive-menu-admin #banner-area #guide-banner #guide-button-container .guide-button-line { | |
| 80 | - background: white; | |
| 81 | - width: 75%; | |
| 82 | - height: 3px; | |
| 83 | - margin: 0 auto 10px auto; | |
| 84 | -} | |
| 85 | - | |
| 86 | -#responsive-menu-admin #banner-area #guide-banner #guide-container-container { | |
| 87 | - width: 75%; | |
| 88 | -} | |
| 89 | - | |
| 90 | -#responsive-menu-admin #banner-area #guide-banner #guide-container-wrapper { | |
| 91 | - background: #3E4960; | |
| 92 | - padding: 10px; | |
| 93 | -} | |
| 94 | - | |
| 95 | -#responsive-menu-admin #banner-area #guide-banner #guide-title { | |
| 96 | - font-weight: bold; | |
| 97 | - margin-bottom: 10px; | |
| 98 | -} | |
| 99 | - | |
| 100 | -#responsive-menu-admin #banner-area #guide-banner #guide-title small { | |
| 101 | - font-weight: normal; | |
| 102 | -} | |
| 103 | - | |
| 104 | -#responsive-menu-admin #banner-area #guide-banner #guide-menu-container { | |
| 105 | - background: #E9F0FA; | |
| 106 | -} | |
| 107 | - | |
| 108 | -#responsive-menu-admin #banner-area #guide-banner #guide-container-container .guide-menu-text { | |
| 109 | - color: white; | |
| 110 | - padding: 5px 0; | |
| 111 | -} | |
| 112 | - | |
| 113 | -#responsive-menu-admin #banner-area #guide-banner #guide-menu-container .guide-menu-item { | |
| 114 | - border-bottom: 1px solid #D4E2F5; | |
| 115 | - padding: 5px; | |
| 116 | -} | |
| 117 | - | |
| 118 | -#responsive-menu-admin #banner-area #guide-banner #guide-menu-container .guide-menu-item.guide-submenu-item { | |
| 119 | - padding-left: 25px; | |
| 120 | - background: #D4E2F5; | |
| 121 | - border-color: #E9F0FA; | |
| 122 | -} | |
| 123 | - | |
| 124 | -#responsive-menu-admin #banner-area #guide-banner .guide-helper-container { | |
| 125 | - position: relative; | |
| 126 | -} | |
| 127 | - | |
| 128 | -#responsive-menu-admin #banner-area #guide-banner .guide-helper { | |
| 129 | - position: absolute; | |
| 130 | - top: -35px; | |
| 131 | - background: rgba(0, 0, 0, 0.8); | |
| 132 | - color: white; | |
| 133 | - padding: 5px; | |
| 134 | - display: none; | |
| 135 | - left: -5px; | |
| 136 | -} | |
| 137 | - | |
| 138 | -#responsive-menu-admin #banner-area #guide-banner .guide-helper.guide-helper-submenus { | |
| 139 | - left: 0; | |
| 140 | -} | |
| 141 | - | |
| 142 | -#responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-helper, | |
| 143 | -#responsive-menu-admin #banner-area #guide-banner .guide-helper-container:hover > .guide-helper { | |
| 144 | - display: block; | |
| 145 | -} | |
| 146 | - | |
| 147 | 49 | #responsive-menu-admin .input-group { |
| 148 | 50 | width:100%; |
| 149 | 51 | } |
| 150 | 52 | |
| @@ -376,8 +278,13 @@ | ||
| 376 | 278 | #responsive-menu-admin .draggable input { |
| 377 | 279 | display: none !important; |
| 378 | 280 | } |
| 379 | 281 | |
| 282 | +#responsive-menu-admin .dashed-placeholder { | |
| 283 | + border: 3px #CCC dashed; | |
| 284 | + height: 50px; | |
| 285 | +} | |
| 286 | + | |
| 380 | 287 | #responsive-menu-admin .menu-order-option-switch, |
| 381 | 288 | #responsive-menu-admin .order-option-switch { |
| 382 | 289 | background: #DE4B42; |
| 383 | 290 | color: white; |
| @@ -411,9 +318,10 @@ | ||
| 411 | 318 | position: relative; |
| 412 | 319 | } |
| 413 | 320 | |
| 414 | 321 | #responsive-menu-admin #upgrade-banner, |
| 415 | -#responsive-menu-admin #docs-banner { | |
| 322 | +#responsive-menu-admin #docs-banner, | |
| 323 | +#responsive-menu-admin #themes-banner { | |
| 416 | 324 | background: #FAB719; |
| 417 | 325 | padding: 35px; |
| 418 | 326 | color: #333; |
| 419 | 327 | text-align: center; |
| @@ -422,9 +330,10 @@ | ||
| 422 | 330 | line-height: 24px; |
| 423 | 331 | } |
| 424 | 332 | |
| 425 | 333 | #responsive-menu-admin #upgrade-banner .button, |
| 426 | -#responsive-menu-admin #docs-banner .button { | |
| 334 | +#responsive-menu-admin #docs-banner .button, | |
| 335 | +#responsive-menu-admin #themes-banner .button { | |
| 427 | 336 | background: white; |
| 428 | 337 | padding: 0 25px; |
| 429 | 338 | height: 50px; |
| 430 | 339 | line-height: 50px; |
| @@ -437,8 +346,14 @@ | ||
| 437 | 346 | text-align: center; |
| 438 | 347 | margin-top: 15px; |
| 439 | 348 | } |
| 440 | 349 | |
| 350 | +#responsive-menu-admin #themes-banner { | |
| 351 | + background: #15a4fa; | |
| 352 | + color: white; | |
| 353 | + margin-bottom: 15px; | |
| 354 | +} | |
| 355 | + | |
| 441 | 356 | #responsive-menu-admin #add-font-icon { |
| 442 | 357 | margin-top: 15px; |
| 443 | 358 | } |
| 444 | 359 | |
| @@ -482,8 +397,12 @@ | ||
| 482 | 397 | border-bottom-width: 1px; |
| 483 | 398 | border-bottom-style: solid; |
| 484 | 399 | } |
| 485 | 400 | |
| 401 | +#responsive-menu-admin .panel table td.col-right { | |
| 402 | + position: relative; | |
| 403 | +} | |
| 404 | + | |
| 486 | 405 | #responsive-menu-admin .panel table td.col-left { |
| 487 | 406 | border-right-width: 1px; |
| 488 | 407 | border-right-style: solid; |
| 489 | 408 | } |
| @@ -514,9 +433,10 @@ | ||
| 514 | 433 | height: 250px; |
| 515 | 434 | } |
| 516 | 435 | |
| 517 | 436 | #responsive-menu-admin #responsive-menu-custom-css { |
| 518 | - height: 500px | |
| 437 | + height: 500px; | |
| 438 | + font-family: 'monospace'; | |
| 519 | 439 | } |
| 520 | 440 | |
| 521 | 441 | .rtl #responsive-menu-admin #header-bar-items-order-container .draggable, |
| 522 | 442 | .rtl #responsive-menu-admin label, |
| @@ -739,8 +659,17 @@ | ||
| 739 | 659 | } |
| 740 | 660 | |
| 741 | 661 | #responsive-menu-admin .responsive-menu-desktop-menu-option-badges { |
| 742 | 662 | margin-right: 8px; |
| 663 | +} | |
| 664 | + | |
| 665 | +#responsive-menu-admin #responsive-menu-theme-container { | |
| 666 | + margin-top: 15px; | |
| 667 | + margin-right: 75px; | |
| 668 | +} | |
| 669 | + | |
| 670 | +#responsive-menu-admin img#responsive-menu-theme-preview { | |
| 671 | + width: calc(100% - 75px); | |
| 743 | 672 | } |
| 744 | 673 | |
| 745 | 674 | @media screen and (max-width: 1600px) { |
| 746 | 675 | |
