diff --git a/frontend/background.png b/frontend/background.png new file mode 100644 index 0000000..7fd7c4e Binary files /dev/null and b/frontend/background.png differ diff --git a/frontend.js b/frontend/main.js similarity index 100% rename from frontend.js rename to frontend/main.js diff --git a/index.html b/index.html index 3bc0c83..971b194 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + 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; +}