From d8b4107f0baffd5bcb8fd88f82264c98d525843d Mon Sep 17 00:00:00 2001 From: giomba Date: Sat, 22 Dec 2018 16:23:27 +0100 Subject: [PATCH] Improved frontend graphical appearance --- frontend/background.png | Bin 0 -> 122 bytes frontend.js => frontend/main.js | 0 index.html | 7 ++----- style.css | 33 ++++++++++++++++++++++---------- 4 files changed, 25 insertions(+), 15 deletions(-) create mode 100644 frontend/background.png rename frontend.js => frontend/main.js (100%) diff --git a/frontend/background.png b/frontend/background.png new file mode 100644 index 0000000000000000000000000000000000000000..7fd7c4e3565e453defea355583c572689e9f694b GIT binary patch literal 122 zcmeAS@N?(olHy`uVBq!ia0vp^%plAHBA2kO=mAnf0X`wF&) - + TPDF - Tellico Parser anD Finder @@ -14,14 +14,11 @@
-
- -
- +
diff --git a/style.css b/style.css index d516dfe..f144b37 100644 --- a/style.css +++ b/style.css @@ -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; +}