f0ck/f0ckv1
3
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

thumbnail above audioplayer

Browse Source
This commit is contained in:
Flummi 2016-10-21 23:41:05 +02:00
parent 2578a97b0c
commit 9c44e447ba
2 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
s/item.tpl.html
View File

@ -22,11 +22,13 @@
<video id="player" src="{{ dest }}" style="max-width: 1280px; height: 50%;" preload="auto" autoplay controls loop></video> <video id="player" src="{{ dest }}" style="max-width: 1280px; height: 50%;" preload="auto" autoplay controls loop></video>
{% elseif item == "audio" %} {% elseif item == "audio" %}
{% if thumb != null %} {% if thumb != null %}
<!--<div class="audiothumbnail">--> <div class="audiothumbnail">
<img src="{{ thumb }}" /> <img src="{{ thumb }}" /><br />
<!--</div>--> {% endif %}
<audio id="player" controls loop src="{{ dest }}" type="audio/mp3" autoplay></audio>
{% if thumb != null %}
</div>
{% endif %} {% endif %}
<audio id="player" controls loop src="{{ dest }}" type="audio/mp3" autoplay></audio><br />
{% elseif item == "image" %} {% elseif item == "image" %}
<a href="{{ dest }}" target="_blank"><img src="{{ dest }}" style="max-width: 1024px" /></a> <a href="{{ dest }}" target="_blank"><img src="{{ dest }}" style="max-width: 1024px" /></a>
{% else %} {% else %}

17
s/style.css
View File

@ -55,11 +55,10 @@ a:hover {
.medium, .thumbnail { .medium, .thumbnail {
display: flex; display: flex;
justify-content: center; justify-content: center;
/* align-items: center; */ margin-top: 5px;
} }
.info { .info {
/* text-align: center; */ padding-top: 5px;
padding-top: 5px;
} }
.id { .id {
text-align: center; text-align: center;
@ -84,10 +83,10 @@ code {
} }
.panel { .panel {
margin-bottom: 0; margin-bottom: 0;
background-color: rgba(34, 34, 34, 0.61); background-color: rgba(34, 34, 34, 0.61);
border: 5px solid #383838; border: 5px solid #383838;
border-radius: 0px; border-radius: 0px;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }