Implement random password generation (create/edit account)

This commit is contained in:
Lexi / Zoe 2021-09-16 19:55:38 +02:00
parent 48925f283f
commit 2ccee2169b
Signed by: binaryDiv
GPG key ID: F8D4956E224DA232
9 changed files with 127 additions and 54 deletions

View file

@ -12,7 +12,7 @@ body {
font-family: sans-serif;
}
/* --- Header --- */
/* -- Header -- */
header {
margin: 1rem;
padding: 0 1rem;
@ -26,7 +26,7 @@ header h1 {
margin: 1rem;
}
/* --- Navigation bar --- */
/* -- Navigation bar -- */
nav {
}
@ -75,12 +75,12 @@ nav li.nav_current_page a {
border-bottom-color: #ffffff;
}
/* --- Main section --- */
/* -- Main section -- */
main {
margin: 2rem;
}
/* --- Login page --- */
/* -- Login page -- */
main.login_page {
margin: 2rem;
padding: 1rem;
@ -88,7 +88,7 @@ main.login_page {
width: 40rem;
}
/* --- Text and other styling --- */
/* -- Text and other styling -- */
h2, h4 {
margin: 0 0 0.5em 0;
}
@ -103,20 +103,6 @@ a:hover, a:focus {
text-decoration: underline;
}
.error_box, .success_box {
max-width: 50rem;
margin: 1rem 0;
padding: 1rem;
}
.error_box {
background: #ff4444;
}
.success_box {
background: #00cc00;
}
.gray {
color: gray;
}
@ -137,7 +123,7 @@ button {
color: gray;
}
/* --- Tables --- */
/* -- Tables -- */
table td, table th {
padding: 0.25rem 0.5rem;
@ -156,16 +142,49 @@ table.bordered_table th {
text-align: left;
}
/* --- Boxes --- */
/* -- Boxes -- */
.filter_options,
.form_box,
.confirmation_box,
.error_box,
.success_box {
margin: 1rem 0;
padding: 1rem;
}
.filter_options,
.form_box,
.confirmation_box {
border: 1px solid #999999;
padding: 1rem;
margin: 1rem 0;
}
/* --- Detail boxes --- */
.form_box p,
.error_box p,
.success_box p {
margin: 0.75rem 0;
}
.form_box p:last-child,
.error_box p:last-child,
.success_box p:last-child {
margin-bottom: 0;
}
/* -- Error / success boxes -- */
.error_box,
.success_box {
max-width: 50rem;
}
.error_box {
background: #ff4444;
}
.success_box {
background: #00cc00;
}
/* -- Detail boxes -- */
details {
margin: 1rem 0;
}
@ -179,7 +198,7 @@ details > p {
font-family: monospace;
}
/* --- Detail columns --- */
/* -- Detail columns -- */
input#show_details_checkbox {
margin-bottom: 1rem;
}
@ -188,12 +207,7 @@ input#show_details_checkbox:not(:checked) ~ table .detail_column {
display: none;
}
/* --- Form box --- */
.form_box p:last-child {
margin-bottom: 0;
}
/* --- Confirmation box --- */
/* -- Confirmation box -- */
.confirmation_box p:first-child {
margin-top: 0;
}