4 transform: translate(-50%, -50%);
12 body.newdate form fieldset.date,
13 body.newdate form fieldset.timeofday {
14 display: inline-block;
18 body.newdate form { width: 24em; }
19 body.newdate form input[name=title],
20 body.newdate form textarea[name=description] {
23 body.newdate form fieldset.date,
24 body.newdate form fieldset.timeofday {
28 @media(min-width: 48em) {
29 body.newdate form { width: 48em; }
30 body.newdate form input[name=title],
31 body.newdate form textarea[name=description] {
34 body.newdate form fieldset.date,
35 body.newdate form fieldset.timeofday {
36 width: 49.5%; width: calc(50% - .375ex);
40 body.newdate form input[name=title],
41 body.newdate form textarea[name=description] {
45 body.newdate form textarea[name=description] {
49 body.newdate form .date button[name=month] {
50 display: inline-block;
53 width: 2em; width: calc(50% - 9em);
54 vertical-align: middle;
59 body.newdate form .date button[name=month]:before {
67 body.newdate form .date table + button[name=month]:before {
71 body.newdate form .date table.calendar {
72 vertical-align: middle;
75 body.newdate form .timeofday label.todstart,
76 body.newdate form .timeofday label.todend {
77 display: inline-block;
82 width: 49%; width: calc(50% - .5ex);
84 body.newdate form .timeofday > input[name=todstart],
85 body.newdate form .timeofday > input[name=todend] {
86 display: inline-block;
88 width: 49%; width: calc(50% - .5ex);
91 body.newdate form .timeofday > input[name=todend] {
92 width: 40%; width: calc(50% - 4.375ex);
95 body.newdate form .timeofday button[name=addtime] {