Новые стили для страниц авторизации и запросов
This commit is contained in:
5
App/static/css/auth.css
Normal file
5
App/static/css/auth.css
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
form[name="auth"] input[type="submit"] {
|
||||||
|
display: block;
|
||||||
|
margin: 10px auto;
|
||||||
|
background-color: #f2c464;
|
||||||
|
}
|
||||||
@@ -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
14
App/static/css/output.css
Normal 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;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user