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

View File

@ -6,7 +6,7 @@
grid-template-areas: grid-template-areas:
"n e w" "n e w"
"m m m" "m m m"
"c c s"; "c a s";
grid-template-columns: 1fr 1fr 1fr; } grid-template-columns: 1fr 1fr 1fr; }
#new-post input[name="name"] { grid-area: n; } #new-post input[name="name"] { grid-area: n; }
@ -43,6 +43,18 @@
color: var(--text-color); color: var(--text-color);
font: inherit; } 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:not(:last-child) { margin-bottom: 1rem; }
#posts article header { display: inline; font-size: .85rem; } #posts article header { display: inline; font-size: .85rem; }
@ -64,5 +76,6 @@
"w" "w"
"m" "m"
"c" "c"
"a"
"s"; "s";
grid-template-columns: 1fr; } } grid-template-columns: 1fr; } }