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;
58 width: 2em; width: calc(50% - 9em);
61 background-color: transparent;
66 body.newdate form .date button[name=month]:before {
74 body.newdate form .date table + button[name=month] { right: 0; }
75 body.newdate form .date table + button[name=month]:before {
79 body.newdate form .date table.calendar {
81 -vertical-align: middle;
84 body.newdate form .timeofday label.todstart,
85 body.newdate form .timeofday label.todend {
86 display: inline-block;
91 width: 49%; width: calc(50% - .5ex);
93 body.newdate form fieldset > input[name^=todstart],
94 body.newdate form fieldset > input[name^=todend] {
95 display: inline-block;
97 width: 49%; width: calc(50% - .5ex);
100 body.newdate form fieldset > input[name^=todend] {
101 width: 40%; widtfieldset% - 4.375ex);
104 body.newdate form fieldset button[name^=addtime] {
108 body.newdate form fieldset input.splittimes { display: none;}
109 body.newdate form fieldset input.splittimes + * { left: 12pt; }
110 body.newdate form fieldset input.splittimes + *:before {
112 width: 16pt; height: 16pt;
119 border-radius: .25ex;
120 background-color: #FFF;
122 body.newdate form fieldset input.splittimes:checked + *:before { content: '\2713'; background-color: #6AF;}
123 body.newdate form .timeofday button[name=splittimes] { margin-top: 1.5em;}