2018-11-18 20:57:54 -05:00
|
|
|
.asset-preview__image {
|
2018-05-30 15:00:09 -07:00
|
|
|
width : 100%;
|
2018-10-12 08:00:03 -04:00
|
|
|
padding: 0;
|
|
|
|
|
margin : 0;
|
2018-05-30 15:00:09 -07:00
|
|
|
}
|
|
|
|
|
|
2018-11-18 20:57:54 -05:00
|
|
|
.asset-preview__video {
|
2018-05-30 15:00:09 -07:00
|
|
|
cursor: pointer;
|
|
|
|
|
background-color: #ffffff;
|
2018-10-12 08:00:03 -04:00
|
|
|
width: 100%;
|
2018-11-18 20:57:54 -05:00
|
|
|
position: relative;
|
2018-05-30 15:00:09 -07:00
|
|
|
}
|
2018-10-11 13:03:39 -04:00
|
|
|
|
2018-11-18 20:57:54 -05:00
|
|
|
h3.asset-preview__title {
|
2018-10-11 13:03:39 -04:00
|
|
|
margin: 0;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
word-wrap: break-word;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
line-height: 1em;
|
|
|
|
|
max-height: 2em;
|
|
|
|
|
}
|
2018-11-18 20:57:54 -05:00
|
|
|
|
|
|
|
|
.asset-preview__play-wrapper {
|
|
|
|
|
border: 0px;
|
|
|
|
|
padding: 0px;
|
|
|
|
|
margin: auto;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.asset-preview__play-overlay {
|
|
|
|
|
padding: 0;
|
|
|
|
|
border: 0;
|
|
|
|
|
position: absolute;
|
|
|
|
|
opacity: .50;
|
|
|
|
|
height: 50%;
|
|
|
|
|
top: 25%;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg stroke='lightgray' stroke-width='2' fill='white' fill-rule='evenodd' stroke-linejoin='round'%3E %3Cpolygon points='5 21 5 3 21 12'/%3E %3C/g%3E %3C/svg%3E");
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-position: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.asset-preview__play-wrapper:hover .asset-preview__play-overlay {
|
|
|
|
|
opacity: 1.0;
|
|
|
|
|
}
|
