/**
* [[Category:Template style pages]]
*/
.template-video {
background: #f8f9fa;
border: 1px solid #a2a9b1;
box-sizing: border-box;
margin: 1em 0;
overflow: hidden;
padding: 1em;
width: 670px;
max-width: 100%;
}
.template-video-center {
margin: 1em auto;
}
.template-video-content {
position: relative;
}
.template-video-thumb {
cursor: pointer;
vertical-align: middle;
max-width: 100%;
height: auto;
}
.template-video-play {
cursor: pointer;
vertical-align: middle;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.template-video iframe {
max-width: 100%;
vertical-align: middle;
}
.template-video video {
vertical-align: middle;
}
.template-video-data {
margin-top: 1em;
}
.template-video-title {
font-size: large;
}
.template-video-annotations .highlight {
font-weight: bold;
}
.template-video .thumb {
background: none;
border: none;
margin: 0;
}
/**
* Dark mode
*/
body.poncho-dark-mode .template-video {
background: #303134;
border-color: #3c4043;
color: #bdc1c6;
}