0ct0pu5/m1k1oblog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

overlay design support

Browse source
This commit is contained in:
Miroslav Šedivý 2020-02-07 21:03:27 +01:00
parent dc6b755dfc
commit c690e1b813
2 changed files with 24 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
static/styles/theme01.css
View file

@ -129,6 +129,23 @@ body {
vertical-align: bottom;
}
.b_overlay {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #ccc;
}
.b_overlay .button {
background: white;
}
.b_post {
border: 1px solid;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;

11
static/styles/theme02.css
View file

@ -27,6 +27,7 @@
--filter: none;
--filter-hover: invert(0.25);
--overlay-background: rgba(0, 0, 0, .25);
}
@media (prefers-color-scheme: dark) {
@ -59,6 +60,7 @@
--filter: invert(0.62) sepia(0.98) saturate(0.12) hue-rotate(175deg) brightness(0.9) contrast(0.96);
--filter-hover: invert(1);
--overlay-background: rgba(255, 255, 255, .25);
}
}
@ -196,13 +198,14 @@ body {
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
top: 64px;
bottom: 12px;
width: 100%;
height: 100%;
border-radius: 8px;
z-index: 1;
backdrop-filter: blur(25px);
background: rgba(0, 0, 0, .25);
background: var(--overlay-background);
}
.b_overlay .button {