Change CSS of details page
This commit is contained in:
		@@ -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%}
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user