forked from projects/fipamo
ro
e09d85292a
added some labels to login and set up forms for better accesibility and clarity about what info is being requested. found a bug in setting where the site would error out if it can't find the correct config files instead of going to set up, so when config files aren't present, it loads template files to continue to process. still thinking about a better fix for this also discovered that the init files needed for a fresh install had been removed, so those are back in place
111 lines
1.8 KiB
CSS
111 lines
1.8 KiB
CSS
/* LOGIN */
|
|
|
|
section.login,
|
|
section.password-reset,
|
|
section.restore-fresh,
|
|
section.restore-backup {
|
|
margin: 15% auto;
|
|
padding: 10px;
|
|
width: 500px;
|
|
border-radius: 5px;
|
|
display: grid;
|
|
grid-template-columns: 28.5% 1fr;
|
|
gap: 10px;
|
|
visibility: visible;
|
|
}
|
|
|
|
section.restore-backup {
|
|
display: none;
|
|
visibility: hidden;
|
|
color: var(--white);
|
|
}
|
|
|
|
section.login form input {
|
|
height: 30px;
|
|
padding: 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
section.login form button {
|
|
padding: 10px 5px;
|
|
width: 82%;
|
|
}
|
|
|
|
section.login form a {
|
|
padding: 10px 5px;
|
|
border-radius: 5px;
|
|
width: 10%;
|
|
height: 20px;
|
|
display: inline-block;
|
|
background: var(--primary-highlight);
|
|
vertical-align: top;
|
|
text-align: center;
|
|
margin: 0 0 0 10px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* PASSWORD-RESET */
|
|
|
|
section.password-reset form button {
|
|
padding: 10px 5px;
|
|
width: 82%;
|
|
}
|
|
|
|
section.password-reset form input {
|
|
width: 95%;
|
|
height: 30px;
|
|
padding: 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* SITE RESTORE */
|
|
|
|
section.restore-fresh form button {
|
|
padding: 10px 5px;
|
|
width: 82%;
|
|
}
|
|
|
|
section.restore-fresh form input {
|
|
height: 30px;
|
|
padding: 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
section.restore-backup form button {
|
|
padding: 10px 5px;
|
|
width: 82%;
|
|
}
|
|
|
|
section.restore-backup form input {
|
|
height: 30px;
|
|
padding: 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* RESPONSIVE */
|
|
|
|
@media only screen and (max-width: 500px) {
|
|
section.login,
|
|
section.password-reset,
|
|
section.restore-fresh,
|
|
section.restore-backup {
|
|
width: 97%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 375px) {
|
|
section.login,
|
|
section.password-reset,
|
|
section.restore-fresh,
|
|
section.restore-backup {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
section.login img,
|
|
section.password-reset img,
|
|
section.restore-fresh img,
|
|
section.restore-backup img {
|
|
width: 50px;
|
|
}
|
|
}
|