STEINNI
40 lines
1.1 KiB
HTML
40 lines
1.1 KiB
HTML
<style>
|
|
.video-guide > header {
|
|
background: url('/app/assets/images/cards/eic_purple_banner.png');
|
|
background-position: top;
|
|
background-size: contain !important;
|
|
background-repeat: no-repeat;
|
|
background-color: #5336a3;
|
|
border-bottom: 4px solid white !important;
|
|
}
|
|
.video-guide .list {
|
|
display: grid;
|
|
grid-gap: var(--eicui-base-spacing-m);
|
|
grid-template-columns: repeat(auto-fill, 240px);
|
|
}
|
|
.video-guide .list section{
|
|
text-align: center;
|
|
}
|
|
.video-guide .list img{
|
|
height: 130px;
|
|
}
|
|
.video-guide .videoStage{
|
|
text-align: center;
|
|
}
|
|
.video-guide video{
|
|
max-height: 70vh;
|
|
}
|
|
|
|
</style>
|
|
<article eiccard media class="video-guide">
|
|
<header>
|
|
<h1>${guideMeta.title}</h1>
|
|
</header>
|
|
<section class="guides">
|
|
<div class="videoStage">
|
|
<video class="video-guide" controls class="EmbedVideo" width="95%">
|
|
<source src="/app/assets/videos/guides/${guideMeta.video}" type="${guideMeta.videoType}">
|
|
</video>
|
|
</div>
|
|
</section>
|
|
</article> |