1 line
No EOL
10 KiB
CSS
1 line
No EOL
10 KiB
CSS
.dialogBackdrop{background:0 0!important}.dialog{--header-background:var(--win-ControlAltFillColorTertiary);--header-foreground:var(--win-TextFillColorSecondary);--footer-background:var(--win-SolidBackgroundFillColorQuarternary);background-color:var(--win-SolidBackgroundFillColorBase);border:var(--dialog-border-width) solid var(--win-ControlStrokeColorOnAccentSecondary);transition:border 50ms ease-out,background-color 50ms ease-out,box-shadow .1s ease-out;margin:0;padding:0;contain:none}.dialog:not(.actionSheet){border-radius:.6rem;box-shadow:0 .56em 2.8em rgba(0,0,0,.25)}body.window-focus .dialog:not(.actionSheet){--header-background:var(--win-SystemAccentColor);--header-foreground:var(--win-TextOnAccentFillColorPrimary);border:var(--dialog-border-width) solid var(--win-AccentFillColorSecondary);box-shadow:0 .56em 2.8em rgba(0,0,0,.4)}@media (prefers-color-scheme:dark){.dialog{--header-foreground:var(--win-TextFillColorTertiary);border:var(--dialog-border-width) solid var(--win-ControlStrokeColorDefault)}body.window-focus .dialog:not(.actionSheet){--header-background:var(--win-SystemAccentColorDark2);--header-foreground:var(--win-TextFillColorSecondary);border:var(--dialog-border-width) solid var(--win-SystemAccentColorDark2);box-shadow:0 .56em 4.8em rgba(0,0,0,.8)}}.dialog:not(.actionSheet) .formDialogHeader{background-color:var(--header-background);color:var(--header-foreground);transition:color 50ms ease-out,background-color 50ms ease-out}.dialog:not(.actionSheet) .formDialogHeader:has(.formDialogHeaderTitle.hide){display:none}.dialog.alertDialog,.dialog.confirmDialog{--footer-background:var(--win-SolidBackgroundFillColorBase);background-color:var(--win-SolidBackgroundFillColorQuarternary)}.dialog.alertDialog .formDialogContent,.dialog.confirmDialog .formDialogContent{padding-top:1.5rem;padding-bottom:1.5rem}.dialog.toast{background-color:var(--win-SolidBackgroundFillColorQuarternary);padding:1.5ch 2ch;border-radius:.3rem}.dialog h1{font-size:1.6rem}.dialog h2,.dialog legend{font-size:1.4rem}.dialog h3{font-size:1.2rem}.dialog h4{font-size:1rem}.dialogContainer{position:absolute}.dialog .sectionTitleContainer{margin-left:.2rem}.dialog-transformorigin-lefttop{transform-origin:left top;animation:initial}.formDialogFooter{background:var(--footer-background)}.dialog:not(.actionSheet) .formDialogFooter{border-top:var(--line-size) solid var(--line-background);border-bottom-right-radius:.6rem!important;border-bottom-left-radius:.6rem!important}.dialog:not(.actionSheet,.confirmDialog) .formDialogFooter{justify-content:end;padding:1.5rem 3.5rem 1.5rem}.dialog:not(.actionSheet) .formDialogFooter .formDialogFooterItem{min-width:8rem;justify-content:center}.dialog:has(div.viewSetting) .formDialogHeader,.dialog:not(.actionSheet) .formDialogHeader{padding:0 0 .1rem 1.8em;display:flex;align-items:center;flex-shrink:0;box-sizing:border-box;height:2.4rem;position:relative;border-top-right-radius:.6rem!important;border-top-left-radius:.6rem!important;gap:0}.dialog:not(.actionSheet) .formDialogHeader .dialogCloseButton,.dialog:not(.actionSheet) .formDialogHeader .btnCancel{order:9;justify-self:end;max-height:calc(100% + 2px);align-items:normal;border:0!important;margin:0!important;border-radius:0!important;margin-bottom:-5px;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;border-top-right-radius:.6rem!important;width:3.5rem;font-size:.8rem;color:var(--win-SystemAccentColorLight2)}.dialog:not(.actionSheet) .formDialogHeader:has(.dialogCloseButton.hide) .btnHelp,.dialog:not(.actionSheet) .formDialogHeader:has(.btnCancel.hide) .btnHelp{border-top-right-radius:.6rem!important}.dialog:not(.actionSheet) .formDialogHeader .btnHelp{color:var(--win-SystemAccentColorLight2)!important;flex-direction:row-reverse;font-weight:300;border:none!important;border-radius:0!important;margin:0!important;max-height:calc(100% + 2px);justify-content:center;padding:.38rem .8rem .4rem;width:3.5rem}.dialog:not(.actionSheet) .formDialogHeader .btnHelp:hover{background-color:var(--win-AccentFillColorSecondary)}.dialog:not(.actionSheet) .formDialogHeader .btnHelp span{display:none}.dialog:not(.actionSheet) .formDialogHeader .btnHelp i{margin:0!important;font-variation-settings:"opsz" 40,"GRAD" -50}body.window-focus .dialog:not(.actionSheet) .formDialogHeader .btnHelp,body.window-focus .dialog:not(.actionSheet) .formDialogHeader .dialogCloseButton,body.window-focus .dialog:not(.actionSheet) .formDialogHeader .btnCancel{color:var(--win-TextOnAccentFillColorSecondary)!important}.dialog:not(.actionSheet) .formDialogHeader .btnHelp:hover,.dialog:not(.actionSheet) .formDialogHeader .dialogCloseButton:hover,.dialog:not(.actionSheet) .formDialogHeader .btnCancel:hover,body.window-focus .dialog:not(.actionSheet) .formDialogHeader .btnHelp:hover,body.window-focus .dialog:not(.actionSheet) .formDialogHeader .dialogCloseButtond:hover,body.window-focus .dialog:not(.actionSheet) .formDialogHeader .btnCancel:hover{color:var(--win-TextOnAccentFillColorPrimary)!important}.dialog:not(.actionSheet) .formDialogHeader .dialogCloseButton:hover,.dialog:not(.actionSheet) .formDialogHeader .btnCancel:hover{background-color:#e81123}@media (prefers-color-scheme:dark){.dialog:not(.actionSheet) .formDialogHeader .btnHelp:hover{background-color:var(--win-SystemAccentColorLight1)}body.window-focus .dialog:not(.actionSheet) .formDialogHeader .dialogCloseButton,body.window-focus .dialog:not(.actionSheet) .formDialogHeader .btnHelp,body.window-focus .dialog:not(.actionSheet) .formDialogHeader .btnCancel{color:var(--win-TextFillColorSecondary)!important}.dialog:not(.actionSheet) .formDialogHeader .dialogCloseButton:hover,.dialog:not(.actionSheet) .formDialogHeader .btnCancel:hover,body.window-focus .dialog:not(.actionSheet) .formDialogHeader .dialogCloseButton:hover,body.window-focus .dialog:not(.actionSheet) .formDialogHeader .btnCancel:hover{color:var(--win-TextFillColorPrimary)!important}.dialog:not(.actionSheet) .formDialogHeader .btnHelp:hover,body.window-focus .dialog:not(.actionSheet) .formDialogHeader .btnHelp:hover{color:var(--win-TextOnAccentFillColorPrimary)!important}}.dialog:not(.actionSheet) .formDialogHeader .dialogCloseButton i,.dialog:not(.actionSheet) .formDialogHeader .btnCancel i{padding-top:20em}.dialog:not(.actionSheet) .formDialogHeader .dialogCloseButton i::after,.dialog:not(.actionSheet) .formDialogHeader .btnCancel i::after{content:"close";display:block;position:absolute;top:.25rem;font-weight:300}.dialog:not(.actionSheet) .formDialogHeader .formDialogHeaderTitle{flex-grow:10;font-size:1rem;font-weight:350}.dialog.alertDialog .dialog-content-centered.padded-left,.dialog.confirmDialog .dialog-content-centered.padded-left,.dialog.alertDialog .dialog-content-centered.padded-right,.dialog.confirmDialog .dialog-content-centered.padded-right{width:45rem}.formDialog{display:flex;flex-direction:column;position:relative;max-height:75%;min-width:20%;min-width:clamp(20%,60ch,50%);max-width:80%}@media all and (min-width:37em) and (min-height:37em){.dialog-medium{max-width:70%;height:65%}.dialog-medium-tall{max-width:70%;height:80%;max-height:80%}.dialog-small{max-width:50%;height:65%}.dialog-fullscreen-border{width:90%;height:90%}.dialogbutton-hidenotfullscreen{display:none!important}}.dialog:has(div.viewSetting){--header-background:var(--win-ControlAltFillColorTertiary)!important;--header-foreground:var(--win-TextFillColorSecondary)!important;position:absolute!important;top:8rem!important;left:initial!important;width:20rem!important;min-width:initial!important;bottom:.2rem!important;max-height:initial!important;border:var(--dialog-border-width) solid var(--win-SurfaceStrokeColorDefault)!important;box-shadow:0 .56em 2.8em rgba(0,0,0,.25);animation:slideinend .3s ease-out normal both!important;border-radius:.6rem}body.window-focus .dialog:has(div.viewSetting){border:var(--dialog-border-width) solid var(--line-background-shadow)!important;border:var(--dialog-border-width) solid var(--win-SurfaceStrokeColorDefault)!important;box-shadow:inset 0 0 0 .07em rgba(255,255,255,.2),0 .56em 2.8em rgba(0,0,0,.25);box-shadow:0 .56em 2.8em rgba(0,0,0,.25)}@media (prefers-color-scheme:dark){.dialog:has(div.viewSetting){box-shadow:inset 0 0 0 .07em rgba(255,255,255,.1),0 .56em 2.8em rgba(0,0,0,.25);border:var(--dialog-border-width) solid var(--win-CardStrokeColorDefaultSolid)!important;box-shadow:0 .56em 1.8em rgba(0,0,0,.95)}body.window-focus .dialog:has(div.viewSetting){box-shadow:inset 0 0 0 .07em rgba(255,255,255,.1),0 .56em 2.8em rgba(0,0,0,.25);border:var(--dialog-border-width) solid var(--win-CardStrokeColorDefaultSolid)!important;box-shadow:0 .56em 1.8em rgba(0,0,0,.95)}}.dialog:has(div.viewSetting).dialog-close{animation:slideoutend .3s ease-out normal both!important}.dialog:has(div.viewSetting) .formDialogHeader{padding-left:.9rem;padding:.1rem 0 .1rem 1em}.dialog:has(div.viewSetting) .dialogCloseButton{order:9;font-size:.8rem}.dialog:has(div.viewSetting) form{padding:1rem 1.4rem;width:20rem}.dialog:has(div.viewSetting) H2{font-size:1.3em;margin-top:1.8rem!important;margin-bottom:.6rem}.dialog:has(div.viewSetting) H3{font-size:1.2em}.dialog:has(div.viewSetting) .selectContainer{margin-bottom:1rem}.dialog:has(div.viewSetting) .checkboxContainer{padding-inline-start:0.2rem}.dialog:has(div.viewSetting) .selectLabelText{font-weight:500;font-size:.95rem;padding-inline-start:0.2rem}.dialog:has(div.viewSetting) .fieldDescription{font-size:.8rem;margin-top:.3rem;font-variation-settings:"opsz" 5;padding-inline-start:0.2rem}@keyframes slideinend{from{inset-inline-end:-30rem}to{inset-inline-end:0}}@keyframes slideoutend{from{inset-inline-end:0}to{inset-inline-end:-30rem}}.dialog:has(div.viewSetting){background-color:transparent}.dialog:has(div.viewSetting)>div{position:relative}.dialogContainer:has(div.viewSetting){contain:none!important}body>:nth-child(1of.dialogBackdropOpened):has(div.viewSetting){z-index:auto!important}.dialog:has(div.viewSetting)::after{content:"";top:0;left:0;bottom:0;right:0;position:absolute;background-color:hsl(var(--background-hue),var(--background-saturation),var(--background-lightness));z-index:-1000;border-radius:.5rem;opacity:1}.dialog:has(div.viewSetting)::before{content:"";background-image:url("images/AcrylicTexture20_light2.png");background-size:100px;top:0;left:0;bottom:0;position:absolute;box-sizing:border-box;backdrop-filter:blur(40px) saturate(3);display:block;border-radius:.5rem;width:100%;background-color:hsl(0deg 0% 97% / 80%)}@media (prefers-color-scheme:dark){.dialog:has(div.viewSetting)::before{background-image:url("images/AcrylicTexture20_dark2.png");background-color:hsla(var(--background-hue),var(--background-saturation),var(--background-lightness),.7)}} |