golem
/
tpdf
9
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improved frontend graphical appearance

This commit is contained in:
giomba 2018-12-22 16:23:27 +01:00
parent 0b531a70f8
commit d8b4107f0b
4 changed files with 25 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/background.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 122 B

0
frontend.js → frontend/main.js
View File

7
index.html
View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<link rel="stylesheet" media="all" type="text/css" href="style.css" />
<script type="text/javascript" src="frontend.js"></script>
<script type="text/javascript" src="frontend/main.js"></script>
<title>TPDF - Tellico Parser anD Finder</title>
</head>
@ -14,14 +14,11 @@
<form id="tpdfForm" action="main.py" method="get">
<label for="title">Title</label>
<input type="text" name="title" />
<br />
<label for="author">Author</label>
<input type="text" name="author" />
<br />
<input type="button" value="Submit" onclick="TPDF.submit();"/>
<input type="reset" />
<input type="reset" value="Reset" />
</form>
</div>

33
style.css
View File

@ -2,24 +2,27 @@
/******* Main elements *******/
body {
margin: 0 auto;
font-family: sans-serif;
color: black;
background-color: #fff1ca;
background-color: white;
background-image: url(frontend/background.png);
}
/******* Search form *******/
#tpdfSearchDiv {
background-color: black;
color: white;
padding: 10px;
border: 1px solid green;
}
form label {
display: inline-block;
width: 10em;
border-bottom: 4px solid green;
}
/******* Results output table *******/
table {
#tpdfOutput section {
margin: 3px;
}
/* table {
margin: 0 auto;
border: 1px solid black;
border-collapse: collapse;
@ -34,9 +37,19 @@ thead {
td, th {
padding: 2px;
border: 1px solid black;
}
} */
img {
#tpdfOutput img {
margin: 2px;
display: inline-block;
max-width: 200px;
max-height: 200px;
}
#tpdfOutput dl {
margin: 2px;
display: inline-block;
}
#tpdfOutput dt {
font-weight: bold;
}