Change CSS of details page
This commit is contained in:
parent
d0e9457211
commit
e8b46e9763
|
@ -1,4 +1,34 @@
|
|||
table, th, td {
|
||||
width: 100%;
|
||||
border: 1px solid white;
|
||||
h4 {
|
||||
display: flex;
|
||||
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 %}
|
||||
<link href="{{ url_for("static", filename="css/details.css") }}" rel="stylesheet">
|
||||
<script src="{{ url_for("static", filename="js/main.js") }}"></script>
|
||||
<h3>DETAILS</h3>
|
||||
<div class="row">
|
||||
<span>Info ID:</span>
|
||||
<span>{{ torrent.fileid }}</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<span>Name:</span>
|
||||
<span>{{ torrent.name }}</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<span>Category:</span>
|
||||
<span>{{ torrent.category }}</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<span>Subcategory:</span>
|
||||
<span>{{ torrent.subcategory }}</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<span>Description:</span>
|
||||
<span>{{ torrent.description }}</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<span>Audio quality:</span>
|
||||
<span>{{ torrent.audioquality_description }}</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<span>Video quality:</span>
|
||||
<span>{{ torrent.videoquality_description }}</span>
|
||||
<div id="torrent" class="clearfix">
|
||||
<h4>{{ torrent.name }}</h4>
|
||||
<div id="details" class="clearfix">
|
||||
<div class="detailrow clearfix">
|
||||
<div>Info Hash:</div>
|
||||
<div>{{ torrent.fileid }}</div>
|
||||
</div>
|
||||
<div class="detailrow clearfix">
|
||||
<span>Name:</span>
|
||||
<span>{{ torrent.name }}</span>
|
||||
</div>
|
||||
<div class="detailrow clearfix">
|
||||
<span>Category:</span>
|
||||
<span>{{ torrent.category }}</span>
|
||||
</div>
|
||||
<div class="detailrow clearfix">
|
||||
<span>Subcategory:</span>
|
||||
<span>{{ torrent.subcategory }}</span>
|
||||
</div>
|
||||
<div class="detailrow clearfix">
|
||||
<span>Description:</span>
|
||||
<span>{{ torrent.description or "-" }}</span>
|
||||
</div>
|
||||
<div class="detailrow clearfix">
|
||||
<span>Audio quality:</span>
|
||||
<span>{{ torrent.audioquality_description or "-" }}</span>
|
||||
</div>
|
||||
<div class="detailrow clearfix">
|
||||
<span>Video quality:</span>
|
||||
<span>{{ torrent.videoquality_description or "-" }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock content%}
|
||||
|
|
Loading…
Reference in a new issue