X-Git-Url: https://git.plutz.net/?a=blobdiff_plain;f=webpoll.css;h=479d1985aaedcb992802af00e207a74729b3e07a;hb=e59a6e2a6ebf4dbdd12d03cbd2ef91fd0acaad6d;hp=7b1579f7b49ed5f68358e142eb47824f10a254c6;hpb=ed5aacc277bd81abe427a10080de96d8d6e987c3;p=webpoll diff --git a/webpoll.css b/webpoll.css index 7b1579f..479d198 100644 --- a/webpoll.css +++ b/webpoll.css @@ -5,20 +5,20 @@ body { linear-gradient(90deg, transparent 25%, rgba(102,170,255,.5) 25% 50%, transparent 50% 75%, rgba(102,255,255,.5) 75%); } -body > form { +body > main { background-color: rgba(255,255,255,.75) ; padding: 1em; margin: 1em auto 1em auto; border-radius: .5ex; box-shadow: #000 .125em .125em 1em; } -body.home form { +body.home main { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); } -body.poll form { +body.poll main { text-align: center; max-width: 95%; } @@ -104,7 +104,7 @@ body.poll table td input[type=radio][value=maybe]:checked + label { margin: 0 -1.75pt; } -body.newdate form { +body.newdate main { text-align: center; max-width: 100%; } @@ -116,7 +116,7 @@ body.newdate form fieldset.splittimes { margin: .5em 0 1em 0; } -body.newdate form { width: 26em; } +body.newdate main { width: 26em; } body.newdate form input[name=title], body.newdate form textarea[name=description] { width: 100%; @@ -128,7 +128,7 @@ body.newdate form fieldset.splittimes { } @media(min-width: 50em) { - body.newdate form { width: 50em; } + body.newdate main { width: 50em; } body.newdate form input[name=title], body.newdate form textarea[name=description] { width: 100%;