This commit is contained in:
Jonathan Jenne
2024-01-16 09:44:48 +01:00
parent 0a01bf59ef
commit 6131948f2a
13 changed files with 223 additions and 61 deletions

View File

@@ -41,26 +41,46 @@
color: white;
}
body {
background-color: #bbb;
}
/* Success Page */
.page {
margin-top: 3rem;
background: white;
border-radius: 5px;
box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
max-width: 40rem;
}
#page-success header .icon {
.page section {
max-width: 30rem;
margin: 0 auto;
}
.page header .icon {
display: inline-block;
border-radius: 100px;
padding: 15px;
margin-bottom: 2rem;
}
/* Locked Page */
.page header .icon.admin {
background-color: #331904;
color: #fecba1;
}
#page-locked header .icon {
display: inline-block;
border-radius: 10px;
padding: 15px;
margin-bottom: 2rem;
}
.page header .icon.locked {
background-color: #ffc107;
color: #000;
}
#form-access-code {
.page header .icon.signed {
background-color: #146c43;
color: #fff;
}
.page .form {
max-width: 30rem;
margin: 2rem auto;
@@ -68,7 +88,35 @@
gap: 1rem;
}
#form-access-code > .input {
#form-access-code > .input,
#form-admin-password > .input {
flex-grow: 1;
}
#page-admin header .icon {
background-color: #331904;
color: #fecba1;
}
.envelope {
display: block;
border: 1px solid #eee;
margin-bottom: 1rem;
padding: 0.5rem;
}
footer#page-footer {
color: #333;
max-width: 40rem;
margin-top: 1rem;
font-size: 0.85rem;
}
footer#page-footer a,
footer#page-footer a:link,
footer#page-footer a:hover,
footer#page-footer a:visited,
footer#page-footer a:focus {
color: #444;
}