diff --git a/App/static/css/auth.css b/App/static/css/auth.css new file mode 100644 index 0000000..286c3d1 --- /dev/null +++ b/App/static/css/auth.css @@ -0,0 +1,5 @@ +form[name="auth"] input[type="submit"] { + display: block; + margin: 10px auto; + background-color: #f2c464; +} \ No newline at end of file diff --git a/App/static/css/main.css b/App/static/css/main.css index 9454d0b..d641103 100644 --- a/App/static/css/main.css +++ b/App/static/css/main.css @@ -1,19 +1,11 @@ h1,h2 { text-align: center; } + body { background-color: #87CEEB; } -div.form { - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); -} -form[name="auth"] input[type="submit"] { - display: block; - margin: 10px auto; -} + button { background-color: #067936; border-radius: 10px; @@ -23,41 +15,39 @@ button { cursor: pointer; margin-top: 10px; } + input[type=submit] { background-color: #f2c464; } + div.logout, div.login { position: absolute; right: 2%; text-align: center; } + div.logout button { margin-top: -5px; background-color: #ff0000; } + div.login button { margin-top: -5px; background-color: #176917; } + div.return { display: flex; justify-content: center; } + div.return button{ background-color: chocolate; } -table { - border: 1px solid black; - border-collapse: collapse; - background: white; - margin: 0 auto; -} -th { - background-color: #d3d3d3; -} -th, td { - border: 1px solid black; - padding: 5px; - text-align: center; -} +div.form { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} \ No newline at end of file diff --git a/App/static/css/output.css b/App/static/css/output.css new file mode 100644 index 0000000..e91e70a --- /dev/null +++ b/App/static/css/output.css @@ -0,0 +1,14 @@ +table { + border: 1px solid black; + border-collapse: collapse; + background: white; + margin: 0 auto; +} +th { + background-color: #d3d3d3; +} +th, td { + border: 1px solid black; + padding: 5px; + text-align: center; +}