Change CSS of details page
This commit is contained in:
parent
d0e9457211
commit
e8b46e9763
|
@ -1,4 +1,34 @@
|
||||||
table, th, td {
|
h4 {
|
||||||
width: 100%;
|
display: flex;
|
||||||
border: 1px solid white;
|
justify-content: center;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detailrow {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detailrow div {
|
||||||
|
width: 50%;
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detailrow :first-child {
|
||||||
|
width: 30%;
|
||||||
|
font-size: 1.2em;
|
||||||
|
font-weight: bold;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detailrow :last-child {
|
||||||
|
display: flex;
|
||||||
|
justify-content: right;
|
||||||
|
width: 70%;
|
||||||
|
float: right;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#torrent #details {
|
||||||
|
border: 1px solid white;
|
||||||
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,33 +7,37 @@ vim: ts=2 noexpandtab
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<link href="{{ url_for("static", filename="css/details.css") }}" rel="stylesheet">
|
<link href="{{ url_for("static", filename="css/details.css") }}" rel="stylesheet">
|
||||||
<script src="{{ url_for("static", filename="js/main.js") }}"></script>
|
<script src="{{ url_for("static", filename="js/main.js") }}"></script>
|
||||||
<h3>DETAILS</h3>
|
<div id="torrent" class="clearfix">
|
||||||
<div class="row">
|
<h4>{{ torrent.name }}</h4>
|
||||||
<span>Info ID:</span>
|
<div id="details" class="clearfix">
|
||||||
<span>{{ torrent.fileid }}</span>
|
<div class="detailrow clearfix">
|
||||||
</div>
|
<div>Info Hash:</div>
|
||||||
<div class="row">
|
<div>{{ torrent.fileid }}</div>
|
||||||
<span>Name:</span>
|
</div>
|
||||||
<span>{{ torrent.name }}</span>
|
<div class="detailrow clearfix">
|
||||||
</div>
|
<span>Name:</span>
|
||||||
<div class="row">
|
<span>{{ torrent.name }}</span>
|
||||||
<span>Category:</span>
|
</div>
|
||||||
<span>{{ torrent.category }}</span>
|
<div class="detailrow clearfix">
|
||||||
</div>
|
<span>Category:</span>
|
||||||
<div class="row">
|
<span>{{ torrent.category }}</span>
|
||||||
<span>Subcategory:</span>
|
</div>
|
||||||
<span>{{ torrent.subcategory }}</span>
|
<div class="detailrow clearfix">
|
||||||
</div>
|
<span>Subcategory:</span>
|
||||||
<div class="row">
|
<span>{{ torrent.subcategory }}</span>
|
||||||
<span>Description:</span>
|
</div>
|
||||||
<span>{{ torrent.description }}</span>
|
<div class="detailrow clearfix">
|
||||||
</div>
|
<span>Description:</span>
|
||||||
<div class="row">
|
<span>{{ torrent.description or "-" }}</span>
|
||||||
<span>Audio quality:</span>
|
</div>
|
||||||
<span>{{ torrent.audioquality_description }}</span>
|
<div class="detailrow clearfix">
|
||||||
</div>
|
<span>Audio quality:</span>
|
||||||
<div class="row">
|
<span>{{ torrent.audioquality_description or "-" }}</span>
|
||||||
<span>Video quality:</span>
|
</div>
|
||||||
<span>{{ torrent.videoquality_description }}</span>
|
<div class="detailrow clearfix">
|
||||||
|
<span>Video quality:</span>
|
||||||
|
<span>{{ torrent.videoquality_description or "-" }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock content%}
|
{% endblock content%}
|
||||||
|
|
Loading…
Reference in a new issue