2020-06-04 03:00:27 +02:00
|
|
|
.centeredBar {
|
2020-06-06 03:18:08 +02:00
|
|
|
|
2020-06-04 03:00:27 +02:00
|
|
|
width: 100%;
|
|
|
|
|
height: auto;
|
2020-06-04 03:03:54 +02:00
|
|
|
|
2020-06-04 03:00:27 +02:00
|
|
|
border: none;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 50%;
|
|
|
|
|
top: 50%;
|
|
|
|
|
-webkit-transform: translate(-50%, -50%);
|
|
|
|
|
transform: translate(-50%, -50%);
|
2020-06-04 07:43:09 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#centeredBox {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
transition: opacity var(--transition-speed),
|
|
|
|
|
z-index var(--transition-speed);
|
|
|
|
|
}
|
|
|
|
|
|
2020-06-04 08:13:46 +02:00
|
|
|
.hiddenBox {
|
2020-06-04 07:43:09 +02:00
|
|
|
opacity: 0 !important;
|
|
|
|
|
z-index: 0 !important;
|
2020-06-04 03:00:27 +02:00
|
|
|
}
|
