[STYLE] Center lightbox images
This commit is contained in:
parent
1abfbd5085
commit
73adb5a23a
1 changed files with 5 additions and 2 deletions
|
@ -25,7 +25,7 @@
|
||||||
}
|
}
|
||||||
html {
|
html {
|
||||||
background-color: var(--background-color);
|
background-color: var(--background-color);
|
||||||
font-family: serif;
|
font-family: "Times New Roman", Georgia, serif;
|
||||||
font-size: medium;
|
font-size: medium;
|
||||||
color: var(--font-color);
|
color: var(--font-color);
|
||||||
}
|
}
|
||||||
|
@ -846,10 +846,13 @@ blockquote:after {
|
||||||
}
|
}
|
||||||
|
|
||||||
.lightbox img {
|
.lightbox img {
|
||||||
|
position: absolute;
|
||||||
max-width: 90%;
|
max-width: 90%;
|
||||||
max-height: 92vh;
|
max-height: 92vh;
|
||||||
margin-top: 2%;
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.lightbox:target {
|
.lightbox:target {
|
||||||
|
|
Loading…
Reference in a new issue