File manager - Edit - C:/inetpub/vhosts/alsawaripharma.com/icte-dubai.com/wp-content/themes/suitbuilder/assets/src/css/suitbuilderMenu.css
Back
/* fs = font size */ .mr-mobile-menu ul { margin: 0; padding: 0; } .mr-mobile-menu a { text-decoration: none; } .mr-mobile-menu-overlay { background-color: rgba(0, 0, 0, 0.6); position: fixed; left: 0; bottom: 0; right: 0; top: 0; z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mr-mobile-menu-overlay.mr-menu-open { opacity: 1; visibility: visible; } body { overflow-X: hidden; } .mr-mobile-menu { position: fixed; top: 0; height: 100%; overflow-y: auto; width: 250px; z-index: 9999999; overflow-x: hidden; background-color: #ffffff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; left: -250px; } .mr-mobile-menu.mr-menu-open { left: 0; } .mr-mobile-menu ul.menu { margin: 0; padding: 0; list-style: none; display: block !important; } .mr-mobile-menu ul.menu>li>a { padding: 8px 35px 8px 15px; display: block; font-weight: 600; font-size: 16px; text-transform: capitalize; color: #000; position: relative; } .mr-mobile-menu ul.menu>li ul { background-color: #fff; display: none; } .mr-mobile-menu ul.menu>li ul li { list-style: none; position: relative; } .mr-mobile-menu ul.menu>li ul li a { display: block; padding: 8px 35px 8px 15px; border-bottom: 1px solid #e2e2e2; color: #000; font-size: 14px; position: relative; font-weight: 600; } .mr-mobile-menu ul.menu>li ul li ul li a { padding: 8px 0 8px 25px; } .mr-arrow-box { display: inline-block; float: right; width: 30px; transition: all 0.3s linear; position: absolute; right: 0; top: 0; bottom: 0; -webkit-transfrom: scale(0.5); -moz-transfrom: scale(0.5); transform: scale(0.5); } .mr-menu-open .mr-arrow-box { -webkit-transfrom: scale(1); -moz-transfrom: scale(1); transform: scale(1); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; } .mr-arrow-box.open { transform: rotate(180deg); } .mr-arrow-box .mr-down-arrow { width: 8px; height: 8px; position: absolute; top: 46%; left: 60%; transform: translate(-50%, -50%); } .mr-arrow-box .mr-down-arrow:after, .mr-arrow-box .mr-down-arrow:before { content: ''; position: absolute; height: 100%; width: 2px; background-color: #000; } .mr-arrow-box .mr-down-arrow:after { transform: rotate(45deg) translateX(3px); transform-origin: right; } .mr-arrow-box .mr-down-arrow:before { transform: rotate(-45deg) translateX(-3px); transform-origin: left; } .mr-close-wrapper { text-align: right; padding: 10px 7px; } .mr-close-wrapper .mr-inner-box { width: 20px; height: 20px; cursor: pointer; display: inline-block; position: relative; -webkit-transform: scale(0) rotate(180deg); -moz-transform: scale(0) rotate(180deg); transform: scale(0) rotate(180deg); } .mr-menu-open .mr-close-wrapper .mr-inner-box { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition: all 0.4s ease-in-out 0.3s; -moz-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; } .mr-close-wrapper .mr-inner-box .mr-inner { display: inline-block; } .mr-close-wrapper .mr-inner-box .mr-inner:after, .mr-close-wrapper .mr-inner-box .mr-inner:before { content: ""; position: absolute; background-color: #000; top: 50%; left: 50%; width: 2px; height: 100%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .mr-close-wrapper .mr-inner-box .mr-inner:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .menu-toggler { background: transparent; border: none; box-shadow: none; float: right; font-size: 32px; width: 24px; height: 24px; cursor: pointer; padding: 0; position: absolute; right: 16px; top: 50%; transform: translate(0, -50%); } .menu-toggler:focus { outline: none; } .menu-toggler span { display: block; position: absolute; height: 2px; width: 100%; background: #000; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform 0.35s ease; -moz-transition: transform 0.35s ease; transition: transform 0.35s ease; } .menu-toggler span:nth-child(1) { top: 0px; } .menu-toggler span:nth-child(2), .menu-toggler span:nth-child(3) { top: 8px; } .menu-toggler span:nth-child(4) { top: 16px; } .menu-toggler.mr-menu-open { z-index: 9; } .menu-toggler.mr-menu-open span:nth-child(1) { top: 8px; width: 0%; left: 50%; } .menu-toggler.mr-menu-open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .menu-toggler.mr-menu-open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-toggler.mr-menu-open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } div#mr-mobile-menu #site-navigation { width: 100%; } /*# sourceMappingURL=main.css.map */
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Generation time: 0.17 |
proxy
|
phpinfo
|
Settings