Styled CAPTCHA in a form.
This commit is contained in:
parent
bb65540177
commit
41bd79a779
@ -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; } }
|
Loading…
Reference in New Issue
Block a user