blob: 8017bdc621f0e42aa1b6bb46c5c46fd5068de7cf (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
/* The work below, CSSBox, is released under the Creative Commons Zero 1.0 license
and is available on https://notabug.org/SylvieLorxu/CSSBox */
span.cssbox_full {
position: fixed;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.8);
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: visibility 0s, opacity 0.5s linear;
}
span.cssbox_full img {
position: fixed;
background-color: white;
margin: 0;
padding: 0;
max-height: 90%;
max-width: 90%;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 20px black;
}
img.cssbox_thumb:focus + span.cssbox_full {
visibility: visible;
opacity: 1;
}
img.cssbox_thumb, span.cssbox_full {
cursor: pointer;
}
/* The work above, CSSBox, is released under the Creative Commons Zero 1.0 license
and is available on https://notabug.org/SylvieLorxu/CSSBox */
|