Новые стили для страниц авторизации и запросов

This commit is contained in:
Anton Kamalov
2024-10-25 21:51:22 +03:00
parent 1b900ef52e
commit ab5328a25a
3 changed files with 33 additions and 24 deletions

5
App/static/css/auth.css Normal file
View File

@@ -0,0 +1,5 @@
form[name="auth"] input[type="submit"] {
display: block;
margin: 10px auto;
background-color: #f2c464;
}

View File

@@ -1,19 +1,11 @@
h1,h2 { h1,h2 {
text-align: center; text-align: center;
} }
body { body {
background-color: #87CEEB; 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 { button {
background-color: #067936; background-color: #067936;
border-radius: 10px; border-radius: 10px;
@@ -23,41 +15,39 @@ button {
cursor: pointer; cursor: pointer;
margin-top: 10px; margin-top: 10px;
} }
input[type=submit] { input[type=submit] {
background-color: #f2c464; background-color: #f2c464;
} }
div.logout, div.login { div.logout, div.login {
position: absolute; position: absolute;
right: 2%; right: 2%;
text-align: center; text-align: center;
} }
div.logout button { div.logout button {
margin-top: -5px; margin-top: -5px;
background-color: #ff0000; background-color: #ff0000;
} }
div.login button { div.login button {
margin-top: -5px; margin-top: -5px;
background-color: #176917; background-color: #176917;
} }
div.return { div.return {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
div.return button{ div.return button{
background-color: chocolate; background-color: chocolate;
} }
table { div.form {
border: 1px solid black; position: absolute;
border-collapse: collapse; left: 50%;
background: white; top: 50%;
margin: 0 auto; transform: translate(-50%, -50%);
} }
th {
background-color: #d3d3d3;
}
th, td {
border: 1px solid black;
padding: 5px;
text-align: center;
}

14
App/static/css/output.css Normal file
View File

@@ -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;
}