mirror of
https://github.com/xuthus83/pigallery2.git
synced 2024-11-03 21:04:03 +08:00
44 lines
1002 B
CSS
44 lines
1002 B
CSS
.lightbox {
|
|
position: fixed; /* Stay in place */
|
|
z-index: 1100; /* Sit on top */
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%; /* Full width */
|
|
height: 100%; /* Full height */
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
}
|
|
|
|
app-gallery-lightbox-photo {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.blackCanvas {
|
|
position: fixed; /* Stay in place */
|
|
z-index: 1099; /* Sit on top */
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%; /* Full width */
|
|
height: 100%; /* Full height */
|
|
background-color: black;
|
|
transition: all 0.3s ease-in-out;
|
|
-o-transition: all 0.3s ease-in-out;
|
|
-ms-transition: all 0.3s ease-in-out;
|
|
-webkit-transition: all 0.3s ease-in-out;
|
|
-moz-transition: all 0.3s ease-in-out;
|
|
}
|
|
|
|
app-info-panel {
|
|
z-index: 1100; /* Sit on top */
|
|
position: fixed;
|
|
height: 100vh;
|
|
max-width: 100vw;
|
|
right: 0;
|
|
top: 0;
|
|
transition: all 0.3s ease-in-out;
|
|
-o-transition: all 0.3s ease-in-out;
|
|
-ms-transition: all 0.3s ease-in-out;
|
|
-moz-transition: all 0.3s ease-in-out;
|
|
-webkit-transition: all 0.3s ease-in-out;
|
|
}
|