mirror of
https://github.com/inventree/inventree-docs.git
synced 2025-04-28 05:36:46 +00:00
56 lines
1.2 KiB
CSS
56 lines
1.2 KiB
CSS
.overlay {
|
|
/* Display over the entire page */
|
|
position: fixed;
|
|
z-index: 99;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0,0,0,0.9) !important;
|
|
|
|
/* Horizontal and vertical centering of the image */
|
|
display: flex;
|
|
align-items: center;
|
|
text-align: center;
|
|
|
|
/* We hide all this by default */
|
|
visibility: hidden;
|
|
|
|
/* Animation */
|
|
/* opacity: 0;*/
|
|
transition: opacity .3s;
|
|
}
|
|
|
|
.overlay img {
|
|
/* Maximum image size */
|
|
max-width: 90%;
|
|
max-height: 90%;
|
|
|
|
/* We keep the ratio of the image */
|
|
width: auto;
|
|
height: auto;
|
|
margin: auto;
|
|
|
|
/* Animation */
|
|
transform: scale(0.95);
|
|
transition: transform .3s;
|
|
}
|
|
|
|
.overlay:target {
|
|
visibility: visible;
|
|
outline: none;
|
|
cursor: default;
|
|
}
|
|
|
|
.overlay:target img {
|
|
transform: scale(1);
|
|
}
|
|
|
|
/* Add icon after external links */
|
|
/* Ignore auto-generated material theme links */
|
|
a[target="_blank"]:not([class*="md-"]):after {
|
|
/* content: " " url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(123,136,204)' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z' /%3E%3C/svg%3E%0A");*/
|
|
content: " " url('../assets/open-in-new-custom.svg');
|
|
}
|
|
|