Styled CAPTCHA in a form.

This commit is contained in:
Alexander Andreev 2022-06-25 03:25:59 +04:00
parent bb65540177
commit 41bd79a779
Signed by: Arav
GPG Key ID: 0388CC8FAA51063F
1 changed files with 14 additions and 1 deletions

View File

@ -6,7 +6,7 @@
grid-template-areas:
"n e w"
"m m m"
"c c s";
"c a s";
grid-template-columns: 1fr 1fr 1fr; }
#new-post input[name="name"] { grid-area: n; }
@ -43,6 +43,18 @@
color: var(--text-color);
font: inherit; }
#new-post span.captcha {
display: flex;
flex-basis: 100%;
grid-area: a;
justify-content: space-evenly; align-items: center; column-gap: .5rem; }
#new-post span.captcha img {
height: 40px;
width: 160px; }
#new-post span.captcha input[type="text"] { width: 4.5rem; text-align: center; height: 27px; }
#posts article:not(:last-child) { margin-bottom: 1rem; }
#posts article header { display: inline; font-size: .85rem; }
@ -64,5 +76,6 @@
"w"
"m"
"c"
"a"
"s";
grid-template-columns: 1fr; } }