1 line
6.6 KiB
CSS
1 line
6.6 KiB
CSS
|
|
@media not all and (min-width:60em){.drawer-docked{display:flex!important;transform:translateX(-100%)!important}}.mainDrawer{padding-top:.1em;padding-inline-start:0;padding-inline-end:0.3em;padding-bottom:0}.mainDrawerScrollSlider-autofont{font-size:unset}.mainDrawer.drawer-docked{margin-top:.3rem;overflow:visible;padding-left:.4rem}.mainDrawer:not(.drawer-docked){margin-top:.15rem;margin-bottom:.2rem;overflow:visible;padding-left:.4rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;background-image:url("images/AcrylicTexture20_light2.png");background-size:100px;backdrop-filter:blur(40px) saturate(3.0);background-color:hsl(0deg 0% 97% / 80%);border:var(--dialog-border-width) solid var(--line-background);border-left:none;box-shadow:.14em 0 1.5em rgb(0 0 0 / 35%);clip-path:inset(-0px -50px 0 0)}@media (prefers-color-scheme:dark){.mainDrawer.drawer-open:not(.drawer-docked){background-image:url("images/AcrylicTexture20_dark2.png");background-color:hsla(var(--background-hue),var(--background-saturation),var(--background-lightness),.8)}}.mainDrawer.drawer-docked.mainDrawer-mini{padding-left:0}.mainDrawer>.mainDrawerScrollSlider>div{padding-inline-end:0.7ch;padding-inline-start:0.9ch;margin-top:.2em}.mainDrawer>.mainDrawerScrollSlider{display:flex;flex-direction:column;height:100%;padding-top:5rem}.mainDrawer .navDrawerHeader{display:none!important}.mainDrawer .navDrawerButtonHeader{position:absolute;display:flex;top:2.2em;left:1.2rem;right:.7rem;justify-content:space-between}.mainDrawer.drawer-open:not(.drawer-docked) .navDrawerButtonHeader{top:1em;left:1.2rem;right:.7rem}html.isFullScreen .mainDrawer{top:2.8em}.mainDrawer .drawerCloseButton{visibility:hidden;transition:visibility 1ms 1ms ease,opacity 150ms ease-out;opacity:0}.mainDrawer.drawer-open:not(.drawer-docked) .navDrawerButtonHeader .drawerCloseButton{display:none}.mainDrawer.drawer-docked:not(.mainDrawer-mini) .navDrawerButtonHeader .drawerCloseButton{visibility:visible;transition:visibility 1ms .5s ease,opacity 150ms ease-out}.mainDrawer .navDrawerButtonHeader:hover .drawerCloseButton{opacity:1}.mainDrawer .navdrawerSectionsContainer{display:flex;overflow-y:scroll!important;overflow-x:clip!important;scrollbar-width:thin;scrollbar-gutter:stable;box-sizing:border-box}.mainDrawer .navdrawerSectionsContainer::-webkit-scrollbar{}.mainDrawer .navdrawerSectionsSlider{display:flex;flex-direction:column;width:100%}.mainDrawer .navDrawerSearchFieldContainer{margin-inline-end:.8ch;margin-inline-start:1.1ch;margin-bottom:1rem}.mainDrawer .navDrawerItemsContainer:has(.navDrawerSearchFieldContainer) button.listItem-button{padding-inline-end:1.4ch}.mainDrawer .navDrawerItemsContainer:has(.navDrawerSearchFieldContainer) button.listItem-button .md-icon{font-size:1.6rem;margin-inline-start:.08em}.mainDrawer .btnPinNavDrawer-iconclose{display:none}.mainDrawer.drawer-docked.mainDrawer-mini .btnPinNavDrawer-iconclose{}.mainDrawer.drawer-docked.mainDrawer-mini button[data-id=btnExpandMiniDrawer]{display:none}@media (pointer:fine){.mainDrawer .navdrawerSectionsContainer:not(:hover){overflow-y:hidden!important}.mainDrawer .navdrawerSectionsContainer:not(:hover)::-webkit-scrollbar{}.mainDrawer .navdrawerSectionsContainer:hover{}}.mainDrawer,body::before{transition:width .3s 10ms ease-out,transform .3s 10ms ease-out}.mainDrawer.drawer-docked,body:has(.mainDrawer.drawer-docked)::before{transition:width .3s 1ms ease-out,transform .3s 320ms ease-out}@media not all and (min-width:60em){.mainDrawer,body::before{transition:width .3s 10ms ease-out,transform .3s 10ms ease-out!important}}body::before{margin-top:.15rem;margin-bottom:.2rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;z-index:-1;view-transition-name:unset;width:33.15ch;width:clamp(33.15ch,30%,45.5ch);position:fixed;top:0;left:0;inset-inline-start:0;inset-inline-end:initial;bottom:0;transform:translateX(-110%);transform:var(--main-drawer-transform);box-sizing:border-box;content:"";background-color:hsla(var(--background-hue),var(--background-saturation),var(--background-lightness),1)}@media (pointer:fine
|