| @@ -29,9 +29,9 @@ | ||
| 29 | 29 | } |
| 30 | 30 | |
| 31 | 31 | |
| 32 | 32 | #responsive-menu-admin { |
| 33 | - font-family: "Montserrat", Arial, Helvetica, sans-serif; | |
| 33 | + font-family: "Montserrat"; | |
| 34 | 34 | } |
| 35 | 35 | |
| 36 | 36 | #responsive-menu-admin #banner-area, |
| 37 | 37 | #responsive-menu-admin #options-area { |
| @@ -45,8 +45,106 @@ | ||
| 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 | + | |
| 49 | 147 | #responsive-menu-admin .input-group { |
| 50 | 148 | width:100%; |
| 51 | 149 | } |
| 52 | 150 | |
| @@ -97,12 +195,8 @@ | ||
| 97 | 195 | #responsive-menu-admin .bootstrap-select.is-unit { |
| 98 | 196 | width: 100px !important; |
| 99 | 197 | } |
| 100 | 198 | |
| 101 | -#responsive-menu-admin .bootstrap-select.is-animation-input { | |
| 102 | - width: 45% !important; | |
| 103 | -} | |
| 104 | - | |
| 105 | 199 | #responsive-menu-admin td { |
| 106 | 200 | vertical-align: middle; |
| 107 | 201 | } |
| 108 | 202 | |
| @@ -322,11 +416,9 @@ | ||
| 322 | 416 | position: relative; |
| 323 | 417 | } |
| 324 | 418 | |
| 325 | 419 | #responsive-menu-admin #upgrade-banner, |
| 326 | -#responsive-menu-admin #docs-banner, | |
| 327 | -#responsive-menu-admin #themes-banner, | |
| 328 | -#responsive-menu-admin #new-version-banner { | |
| 420 | +#responsive-menu-admin #docs-banner { | |
| 329 | 421 | background: #FAB719; |
| 330 | 422 | padding: 35px; |
| 331 | 423 | color: #333; |
| 332 | 424 | text-align: center; |
| @@ -335,11 +427,9 @@ | ||
| 335 | 427 | line-height: 24px; |
| 336 | 428 | } |
| 337 | 429 | |
| 338 | 430 | #responsive-menu-admin #upgrade-banner .button, |
| 339 | -#responsive-menu-admin #docs-banner .button, | |
| 340 | -#responsive-menu-admin #themes-banner .button, | |
| 341 | -#responsive-menu-admin #new-version-banner .button { | |
| 431 | +#responsive-menu-admin #docs-banner .button { | |
| 342 | 432 | background: white; |
| 343 | 433 | padding: 0 25px; |
| 344 | 434 | height: 50px; |
| 345 | 435 | line-height: 50px; |
| @@ -352,27 +442,8 @@ | ||
| 352 | 442 | text-align: center; |
| 353 | 443 | margin-top: 15px; |
| 354 | 444 | } |
| 355 | 445 | |
| 356 | -#responsive-menu-admin #new-version-banner { | |
| 357 | - margin-bottom: 10px; | |
| 358 | - background: #3e4960; | |
| 359 | - color: #ffffff; | |
| 360 | - border: dashed #ffffff 2px; | |
| 361 | -} | |
| 362 | - | |
| 363 | -#responsive-menu-admin #new-version-banner .button{ | |
| 364 | - background: #0db932; | |
| 365 | - color: #fff; | |
| 366 | - border: solid 1px green; | |
| 367 | -} | |
| 368 | - | |
| 369 | -#responsive-menu-admin #themes-banner { | |
| 370 | - background: #15a4fa; | |
| 371 | - color: white; | |
| 372 | - margin-bottom: 15px; | |
| 373 | -} | |
| 374 | - | |
| 375 | 446 | #responsive-menu-admin #add-font-icon { |
| 376 | 447 | margin-top: 15px; |
| 377 | 448 | } |
| 378 | 449 | |
| @@ -416,17 +487,17 @@ | ||
| 416 | 487 | border-bottom-width: 1px; |
| 417 | 488 | border-bottom-style: solid; |
| 418 | 489 | } |
| 419 | 490 | |
| 420 | -#responsive-menu-admin .panel table td.col-right { | |
| 421 | - position: relative; | |
| 422 | -} | |
| 423 | - | |
| 424 | 491 | #responsive-menu-admin .panel table td.col-left { |
| 425 | 492 | border-right-width: 1px; |
| 426 | 493 | border-right-style: solid; |
| 427 | 494 | } |
| 428 | 495 | |
| 496 | +#responsive-menu-admin .panel table td.col-right { | |
| 497 | + position: relative; | |
| 498 | +} | |
| 499 | + | |
| 429 | 500 | #responsive-menu-admin .panel table tr:last-child td.col-left { |
| 430 | 501 | border-bottom: 0; |
| 431 | 502 | } |
| 432 | 503 | |
| @@ -452,10 +523,9 @@ | ||
| 452 | 523 | height: 250px; |
| 453 | 524 | } |
| 454 | 525 | |
| 455 | 526 | #responsive-menu-admin #responsive-menu-custom-css { |
| 456 | - height: 500px; | |
| 457 | - font-family: 'monospace'; | |
| 527 | + height: 500px | |
| 458 | 528 | } |
| 459 | 529 | |
| 460 | 530 | .rtl #responsive-menu-admin #header-bar-items-order-container .draggable, |
| 461 | 531 | .rtl #responsive-menu-admin label, |
| @@ -678,17 +748,8 @@ | ||
| 678 | 748 | } |
| 679 | 749 | |
| 680 | 750 | #responsive-menu-admin .responsive-menu-desktop-menu-option-badges { |
| 681 | 751 | margin-right: 8px; |
| 682 | -} | |
| 683 | - | |
| 684 | -#responsive-menu-admin #responsive-menu-theme-container { | |
| 685 | - margin-top: 15px; | |
| 686 | - margin-right: 75px; | |
| 687 | -} | |
| 688 | - | |
| 689 | -#responsive-menu-admin img#responsive-menu-theme-preview { | |
| 690 | - width: calc(100% - 75px); | |
| 691 | 752 | } |
| 692 | 753 | |
| 693 | 754 | @media screen and (max-width: 1600px) { |
| 694 | 755 | |