a27ea20f3e
Make arbitrary files look nicer and display the filename. If an audio or video element fails to load for any reason, timeout after a few seconds and render it as an arbitrary file. Also short circuit to this treatment for common audio and video file types that we know are going to fail, e.g., proprietary formats from apple. // FREEBIE
59 lines
964 B
SCSS
59 lines
964 B
SCSS
.lightbox {
|
|
&.modal {
|
|
padding: 30px;
|
|
text-align: center;
|
|
background-color: rgba(0,0,0,0.8);
|
|
|
|
.content {
|
|
margin: 0;
|
|
padding: 0 60px;
|
|
max-width: 100%;
|
|
height: 100%;
|
|
box-shadow: none;
|
|
background: transparent;
|
|
|
|
img {
|
|
display: block;
|
|
margin: auto;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
}
|
|
}
|
|
|
|
.controls {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 50px;
|
|
}
|
|
|
|
a {
|
|
background: transparent;
|
|
width: 50px;
|
|
height: 50px;
|
|
margin-bottom: 10px;
|
|
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
border-radius: 50%;
|
|
padding: 3px;
|
|
|
|
&:before {
|
|
content: '';
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
&:hover {
|
|
background: $grey;
|
|
}
|
|
}
|
|
|
|
.save {
|
|
&:before {
|
|
@include color-svg('/images/save.svg', white);
|
|
}
|
|
}
|
|
}
|
|
}
|