2 background-size: 4pt 4pt;
3 background-image: /* #6AF #6FF */
4 linear-gradient( 0deg, transparent 25%, rgba(102,170,255,.5) 25% 50%, transparent 50% 75%, rgba(102,255,255,.5) 75%),
5 linear-gradient(90deg, transparent 25%, rgba(102,170,255,.5) 25% 50%, transparent 50% 75%, rgba(102,255,255,.5) 75%);
9 background-color: rgba(255,255,255,.75) ;
10 padding: 1em; margin: 1em auto 1em auto;
12 box-shadow: #000 .125em .125em 1em;
18 transform: translate(-50%, -50%);
25 body.newdate form fieldset.date,
26 body.newdate form fieldset.timeofday,
27 body.newdate form fieldset.splittimes {
28 display: inline-block;
33 body.newdate form { width: 26em; }
34 body.newdate form input[name=title],
35 body.newdate form textarea[name=description] {
38 body.newdate form fieldset.date,
39 body.newdate form fieldset.timeofday,
40 body.newdate form fieldset.splittimes {
44 @media(min-width: 50em) {
45 body.newdate form { width: 50em; }
46 body.newdate form input[name=title],
47 body.newdate form textarea[name=description] {
50 body.newdate form fieldset.date,
51 body.newdate form fieldset.timeofday,
52 body.newdate form fieldset.splittimes {
53 width: 49.5%; width: calc(50% - .375ex);
55 body.newdate form fieldset.date { padding-right: .75em; }
56 body.newdate form fieldset.timeofday,
57 body.newdate form fieldset.splittimes { padding-left: .75em; }
60 body.newdate form input[name=title],
61 body.newdate form textarea[name=description] {
65 body.newdate form textarea[name=description] {
69 body.newdate form .date button[name=month] {
70 display: inline-block;
74 width: 2em; width: calc(50% - 9em);
77 background-color: transparent;
82 body.newdate form .date button[name=month]:before {
90 body.newdate form .date table + button[name=month] { right: .75em; }
91 body.newdate form .date table + button[name=month]:before {
95 body.newdate form .date table.calendar {
96 background-color: #FFF;
98 -vertical-align: middle;
101 body.newdate form .timeofday label.todstart,
102 body.newdate form .timeofday label.todend {
103 display: inline-block;
108 width: 49%; width: calc(50% - 2.5pt);
110 body.newdate form fieldset > input[name^=todstart],
111 body.newdate form fieldset > input[name^=todend] {
112 display: inline-block;
114 width: 49%; width: calc(50% - 2.5pt);
117 body.newdate form fieldset > input[name^=todend] {
118 width: 39%; width: calc( 50% - 4.375ex);
121 body.newdate form fieldset button[name^=addtime] {
125 body.newdate form fieldset input.splittimes { display: none;}
126 body.newdate form fieldset input.splittimes + * { left: 12pt; }
127 body.newdate form fieldset input.splittimes + *:before {
129 width: 16pt; height: 16pt;
136 border-radius: .25ex;
137 background-color: #FFF;
139 body.newdate form fieldset input.splittimes:checked + *:before { content: '\2713'; background-color: #6AF;}
140 body.newdate form .timeofday button[name=splittimes] { margin-top: 1.5em;}
142 body.newdate form .splittimes p { margin-top: 2em; padding: .5em; background: rgba(255,255,255,.5); }