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

33
style.css
View File

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