Pure CSS lightbox
This commit is contained in:
parent
7074dc5088
commit
d9d9fa7f1a
1 changed files with 23 additions and 0 deletions
23
static/css/lightbox.css
Normal file
23
static/css/lightbox.css
Normal file
|
@ -0,0 +1,23 @@
|
||||||
|
.lightbox {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 999;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
background: rgba(0, 0, 0, 0.8); }
|
||||||
|
.lightbox img {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
margin: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%; }
|
||||||
|
.lightbox:target {
|
||||||
|
outline: none;
|
||||||
|
display: block; }
|
Loading…
Add table
Reference in a new issue