2021-04-20 08:52:51 +00:00
|
|
|
<style>
|
|
|
|
.video-thumbnail{
|
|
|
|
width : 100px;
|
|
|
|
height: 75px;
|
|
|
|
position: relative;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.video-thumbnail-overlay{
|
|
|
|
width: 100px;
|
|
|
|
height: 75px;
|
|
|
|
background-color:rgba(192,192,192,0.5);
|
|
|
|
position: absolute;
|
|
|
|
top : 0;
|
|
|
|
z-index: 2;
|
|
|
|
}
|
|
|
|
.video-thumbnail i{
|
|
|
|
color: #08c;
|
2021-07-13 09:17:14 +00:00
|
|
|
font-size: 2.5em;
|
2021-04-20 08:52:51 +00:00
|
|
|
left: 25px;
|
|
|
|
position: absolute;
|
|
|
|
top: 18px;
|
|
|
|
z-index: 3;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<h3>
|
|
|
|
{{page-title}}
|
|
|
|
</h3>
|
|
|
|
<div>
|
|
|
|
<table class="table table-hover table-striped">
|
|
|
|
<thead>
|
|
|
|
<tr data-list="heads" data-level="0">
|
|
|
|
<th>{{column-title}}</th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody data-list="vlogs" data-level="0">
|
|
|
|
<tr>
|
|
|
|
<td>
|
|
|
|
<a href="{{url_to_show}}">
|
|
|
|
<div class="video-thumbnail" >
|
|
|
|
<img src="{{thumbnail}}" />
|
|
|
|
<div class="video-thumbnail-overlay"></div>
|
|
|
|
<i class="icons-play"></i>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</td>
|
|
|
|
<td>{{title}}</td>
|
|
|
|
<td>{{username}}</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|