the-glorious-startpage/css/centeredbox/centered-box-overlay.css
Gerome Matilla c59d1ec0ec
Css (#26)
* add screens css

* separate dir for screens

* separate dir for dashboard and settings

* separate dir for centeredbox and its contents

* move autosuggestion to centeredbox dir

* rename webmenu to webmenuscreen

* fix bugs and errors caused by renaming webmenu

* fix missing dashboard icons

* fix missing weather forecast  icons

* reduced the use of !important

* reduced the use of !important

* reduced the use of !important

* reduced the use of !important

* reduced the use of !important

* reduced the use of !important

* combine bars and panels

* bars css cleanup

* dashboard missing icon fix and css

* decrease the usage of !important

* decrease the usage of important
2020-06-16 13:00:55 +08:00

24 lines
473 B
CSS

#centeredBoxOverlay {
background: transparent;
opacity: 0;
backdrop-filter: blur(0) brightness(100%);
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
z-index: -1;
transition: opacity var(--transition-speed),
z-index var(--transition-speed),
backdrop-filter var(--transition-speed);
}
#centeredBoxOverlay.showOverlay {
opacity: 1;
z-index: 0;
backdrop-filter: blur(var(--blur-strength)) brightness(70%);
}