4 transform: translate(-50%, -50%);
12 body.newdate form fieldset.date,
13 body.newdate form fieldset.timeofday,
14 body.newdate form fieldset.splittimes {
15 display: inline-block;
20 body.newdate form { width: 24em; }
21 body.newdate form input[name=title],
22 body.newdate form textarea[name=description] {
25 body.newdate form fieldset.date,
26 body.newdate form fieldset.timeofday,
27 body.newdate form fieldset.splittimes {
31 @media(min-width: 48em) {
32 body.newdate form { width: 48em; }
33 body.newdate form input[name=title],
34 body.newdate form textarea[name=description] {
37 body.newdate form fieldset.date,
38 body.newdate form fieldset.timeofday,
39 body.newdate form fieldset.splittimes {
40 width: 49.5%; width: calc(50% - .375ex);
44 body.newdate form input[name=title],
45 body.newdate form textarea[name=description] {
49 body.newdate form textarea[name=description] {
53 body.newdate form .date button[name=month] {
54 display: inline-block;
57 width: 2em; width: calc(50% - 9em);
58 vertical-align: middle;
63 body.newdate form .date button[name=month]:before {
71 body.newdate form .date table + button[name=month]:before {
75 body.newdate form .date table.calendar {
76 vertical-align: middle;
79 body.newdate form .timeofday label.todstart,
80 body.newdate form .timeofday label.todend {
81 display: inline-block;
86 width: 49%; width: calc(50% - .5ex);
88 body.newdate form fieldset > input[name^=todstart],
89 body.newdate form fieldset > input[name^=todend] {
90 display: inline-block;
92 width: 49%; width: calc(50% - .5ex);
95 body.newdate form fieldset > input[name^=todend] {
96 width: 40%; widtfieldset% - 4.375ex);
99 body.newdate form fieldset button[name^=addtime] {
103 body.newdate form .timeofday input.splittimes,
104 body.newdate form .splittimes input.splittimes { width: 1.5em; height: 1.5em; }
105 body.newdate form .timeofday button[name=splittimes] { margin-top: 1.5em;}