Files
Megamenu/lib/extensions/megaMenu/MegaMenu.module.css
Torsten Brendgen bc1258ae76 Initial commit
2026-04-13 10:26:01 +02:00

1 line
7.5 KiB
CSS

@charset "UTF-8";.skip-link{position:absolute;top:-40px;left:6px;background:"[theme:error, default: #a80000]";color:"[theme:white, default: #ffffff]";padding:8px;text-decoration:none;font-weight:700;border-radius:4px;z-index:10000;transition:top .2s}.skip-link:focus{top:6px}.mega-menu-main{background:"[theme:themePrimary, default: #0078d7]";width:100%;position:relative}.mega-menu-main>ul{margin:0;list-style:none;padding-inline-start:0;display:-ms-grid;display:grid;-ms-grid-columns:(minmax(120px,1fr)) [auto-fit];grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%}.mega-menu-main>ul>li{position:static}.mega-menu-main>ul>li>a,.mega-menu-main>ul>li>span[role=menuitem]{display:block;padding:15px 20px;transition:all .3s ease;outline:0;cursor:pointer}@media (max-width:900px){.mega-menu-main>ul>li>a,.mega-menu-main>ul>li>span[role=menuitem]{font-size:17px}}.mega-menu-main>ul>li:hover>a,.mega-menu-main>ul>li:hover>span[role=menuitem]{color:"[theme:white, default: #ffffff]";background:"[theme:themeLighter, default: #deecf9]"}.mega-menu-main>ul>li>a:focus,.mega-menu-main>ul>li>span[role=menuitem]:focus{color:"[theme:white, default: #ffffff]"}.mega-menu-main>ul>li>a:active,.mega-menu-main>ul>li>span[role=menuitem]:active{transform:translateY(0)}.mega-menu{position:absolute;left:0;right:0;top:100%;width:100%;background:"[theme:white, default: #ffffff]";box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;padding:40px;max-height:calc(100vh - 60px);overflow-y:auto;z-index:1000}.mega-menu-main>ul>li:hover .mega-menu{display:block}.mega-menu{visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s}.mega-menu-main>ul>li:hover .mega-menu{visibility:visible;opacity:1;display:block}.mega-menu.js-open{visibility:visible!important;opacity:1!important;display:block!important}.mega-menu-grid{max-width:none;margin:0 auto;display:-ms-grid;display:grid;-ms-grid-columns:(minmax(200px,1fr)) [auto-fit];grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.mega-menu-category{border-right:1px #d3d3d3 solid}.mega-menu-category>h3{margin-bottom:12px;padding-bottom:8px}.mega-menu-category>h3>span{color:"[theme:neutralPrimary, default: #333333]";font-size:16px;font-weight:700;display:block}.mega-menu-category>h3>a{color:"[theme:neutralPrimary, default: #333333]";font-size:16px;font-weight:700;text-decoration:none;display:block;padding:0;border-radius:0;transition:color .2s ease;outline:0}.mega-menu-category>h3>a:hover{color:"[theme:themePrimary, default: #0078d7]"}.mega-menu-category>h3>a:focus{color:"[theme:white, default: #ffffff]";background:"[theme:error, default: #a80000]";text-decoration:none;padding:4px 0;margin:-4px -8px}.mega-menu-category ul{list-style:none;padding-inline-start:0}.mega-menu-category ul li{margin-bottom:4px}.mega-menu-category ul li a{color:"[theme:neutralSecondary, default: #666666]";text-decoration:none;font-size:14px;transition:all .2s ease;display:block;padding:4px 0;border-radius:4px;outline:0}.mega-menu-category ul li a:hover{padding-left:12px}.mega-menu-category ul li a:focus{color:"[theme:white, default: #ffffff]";padding-left:12px}.mega-menu-category ul li a{position:relative}@media (prefers-contrast:high){.mega-menu-main>ul>li>a:focus,.mega-menu-main>ul>li>span[role=menuitem]:focus{outline:4px solid;outline-offset:2px}.mega-menu-category ul li a:focus,.mega-menu-category>h3>a:focus{outline:3px solid;outline-offset:2px}}.content{padding:40px;max-width:1200px;margin:0 auto}.menu-item-link,.menu-item-text{display:block;padding:15px 20px;color:"[theme:neutralPrimary, default: #333333]";font-weight:600;transition:all .3s ease;border-bottom:3px solid transparent;outline:0;text-decoration:none}.menu-item-text{cursor:pointer}.menu-item-link:hover,.menu-item-text:hover{background-color:"[theme:neutralLighter, default: #f4f4f4]"}.menu-item-link:focus,.menu-item-text:focus{background-color:"[theme:themeDarker, default: #004578]";color:"[theme:white, default: #ffffff]"}.menu-item-settings{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:0 0;border:none;cursor:pointer;font:inherit;padding:15px 20px;color:"[theme:neutralPrimary, default: #333333]"}.menu-item-settings:hover{background-color:"[theme:neutralLighter, default: #f4f4f4]"}.menu-item-settings:focus{background-color:"[theme:themeDarker, default: #004578]";color:"[theme:white, default: #ffffff]"}.menu-item-settings__icon{font-size:18px;line-height:1;display:inline-block;transform:translateY(2px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mm-settings-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:4000;animation:mmFadeIn .2s ease}.mm-settings-panel{position:fixed;top:0;right:0;height:100vh;width:480px;max-width:100%;background:"[theme:white, default: #ffffff]";box-shadow:-4px 0 12px rgba(0,0,0,.2);z-index:4001;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:17px;font-weight:300;font-family:"Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;animation:mmSlideIn .25s ease}@media (max-width:600px){.mm-settings-panel{width:100%}}.mm-settings-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:16px 20px;border-bottom:1px solid "[theme:neutralQuaternaryAlt, default: #dadada]"}.mm-settings-title{margin:0;font-size:18px;font-weight:600;font-size:17px;font-weight:300}.mm-settings-close{background:0 0;border:none;font-size:16px;line-height:1;cursor:pointer;padding:4px 8px;font-size:17px;font-weight:300}.mm-settings-close:focus{outline:3px solid "[theme:warning, default: #767676]";outline-offset:2px}.mm-settings-body{padding:20px;overflow-y:auto;-ms-flex:1;flex:1;font-size:14px;font-weight:400}.mm-settings-field{margin-bottom:16px}.mm-settings-field label{display:block;margin-bottom:4px;font-size:14px;font-weight:600;color:"[theme:neutralPrimary, default: #333333]";font-size:14px;font-weight:400}.mm-settings-field input[type=text]{width:100%;padding:8px 12px;border:1px solid "[theme:neutralTertiaryAlt, default: #c8c8c8]";border-radius:2px;font-size:14px;font-size:14px;font-weight:400;color:"[theme:neutralPrimary, default: #333333]";box-sizing:border-box;background:"[theme:white, default: #ffffff]"}.mm-settings-field input[type=text]:focus{outline:3px solid "[theme:themePrimary, default: #0078d7]";border-color:"[theme:themePrimary, default: #0078d7]"}.mm-settings-footer{padding:14px 20px;border-top:1px solid "[theme:neutralQuaternaryAlt, default: #dadada]";display:-ms-flexbox;display:flex;gap:10px;-ms-flex-pack:end;justify-content:flex-end}.mm-settings-cancel,.mm-settings-save{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-weight:600;font-size:14px;font-weight:400}.mm-settings-save{background:"[theme:themePrimary, default: #0078d7]";color:"[theme:white, default: #ffffff]"}.mm-settings-save:hover{background:"[theme:themeSecondary, default: #2b88d8]"}.mm-settings-cancel{background:"[theme:neutralTertiaryAlt, default: #c8c8c8]";color:"[theme:neutralPrimary, default: #333333]"}.mm-settings-cancel:hover{background:"[theme:neutralTertiary, default: #a6a6a6]"}.mm-settings-cancel:focus,.mm-settings-save:focus{outline:3px solid "[theme:warning, default: #767676]";outline-offset:2px}@keyframes mmSlideIn_09a8e1a7{from{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes mmFadeIn_09a8e1a7{from{opacity:0}to{opacity:1}}