mirror of
https://github.com/LCPQ/QUESTDB_website.git
synced 2024-08-26 22:21:53 +02:00
30 lines
837 B
CSS
30 lines
837 B
CSS
|
/* Start by setting display:none to make this hidden.
|
||
|
Then we position it in relation to the viewport window
|
||
|
with position:fixed. Width, height, top and left speak
|
||
|
for themselves. Background we set to 80% white with
|
||
|
our animation centered, and no-repeating */
|
||
|
.modal {
|
||
|
display: none;
|
||
|
position: fixed;
|
||
|
z-index: 1000;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
height: 100%;
|
||
|
width: 100%;
|
||
|
-webkit-backdrop-filter: blur(20px);
|
||
|
backdrop-filter: blur(20px);
|
||
|
background-color: rgba(255,255,255,.3);
|
||
|
}
|
||
|
|
||
|
/* When the body has the loading class, we turn
|
||
|
the scrollbar off with overflow:hidden */
|
||
|
body.loading .modal {
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
/* Anytime the body has the loading class, our
|
||
|
modal element will be visible */
|
||
|
body.loading .modal {
|
||
|
display: block;
|
||
|
cursor: wait
|
||
|
}
|