X-Git-Url: https://git.plutz.net/?a=blobdiff_plain;f=webpoll.css;h=fafb9f4e5dcf593b4e08b7c3e246c118feb9c618;hb=ddc3a72474bbaf0fad5edb200e4e78815537d52e;hp=90d9d64ef71040acb5385bf996e9d6382620be32;hpb=ec2f9c506f3cccd2f8c2ac9343979ac37541bc75;p=webpoll diff --git a/webpoll.css b/webpoll.css index 90d9d64..fafb9f4 100644 --- a/webpoll.css +++ b/webpoll.css @@ -41,7 +41,7 @@ body.newdate form fieldset.splittimes { width: 100%; } -@media(min-width: 48em) { +@media(min-width: 50em) { body.newdate form { width: 50em; } body.newdate form input[name=title], body.newdate form textarea[name=description] { @@ -52,6 +52,9 @@ body.newdate form fieldset.splittimes { body.newdate form fieldset.splittimes { width: 49.5%; width: calc(50% - .375ex); } + body.newdate form fieldset.date { padding-right: .75em; } + body.newdate form fieldset.timeofday, + body.newdate form fieldset.splittimes { padding-left: .75em; } } body.newdate form input[name=title], @@ -84,14 +87,14 @@ body.newdate form .date button[name=month]:before { color: #666; margin-top: .25em; } -body.newdate form .date table + button[name=month] { right: 0; } +body.newdate form .date table + button[name=month] { right: .75em; } body.newdate form .date table + button[name=month]:before { content: '>'; } body.newdate form .date table.calendar { background-color: #FFF; - font-size: 17.5pt; + font-size: 17pt; -vertical-align: middle; } @@ -102,17 +105,17 @@ body.newdate form .timeofday label.todend { font-weight: bold; text-align: left; font-size: .75em; - width: 49%; width: calc(50% - .5ex); + width: 49%; width: calc(50% - 2.5pt); } body.newdate form fieldset > input[name^=todstart], body.newdate form fieldset > input[name^=todend] { display: inline-block; margin: 0; - width: 49%; width: calc(50% - .5ex); + width: 49%; width: calc(50% - 2.5pt); text-align: right; } body.newdate form fieldset > input[name^=todend] { - width: 40%; widtfieldset% - 4.375ex); + width: 39%; width: calc( 50% - 4.375ex); } body.newdate form fieldset button[name^=addtime] { @@ -136,3 +139,4 @@ body.newdate form fieldset input.splittimes + *:before { body.newdate form fieldset input.splittimes:checked + *:before { content: '\2713'; background-color: #6AF;} body.newdate form .timeofday button[name=splittimes] { margin-top: 1.5em;} +body.newdate form .splittimes p { margin-top: 2em; padding: .5em; background: rgba(255,255,255,.5); }