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%);
29 background-color: rgba(255,255,255,.5);
30 word-wrap: break-word;
32 body.poll .description {
36 body.poll .description .title {
45 background-color: rgba(255,255,255,.5);
46 border-collapse: collapse;
48 box-shadow: #000 .25em .25em .5em;
52 body.poll table thead tr.dates th {
55 body.poll table thead tr.tod th {
57 border-style: none solid none solid;
60 body.poll table tbody tr td {
64 background-clip: padding-box;
66 body.poll table tbody tr td:first-child,
67 body.poll table tbody tr td:last-child,
68 body.poll table thead tr th:first-child,
69 body.poll table thead tr th:last-child { border: none; }
71 body.poll table tbody tr th.name { padding: .25em .5em; text-align: right; }
72 body.poll table tbody tr td.yes { background-color: #AFA; }
73 body.poll table tbody tr td.no { background-color: #FAA; }
74 body.poll table tbody tr td.maybe { background-color: #FFA; }
75 body.poll table tbody tr td.edit { text-align: left; font-size: .875em; }
77 body.poll table tbody tr.votecount td { padding: .375em .25em;}
78 body.poll table tbody tr th.name button[name=delete] { font-size: .625em; line-height: 1.5em; background-color: #FAA; }
80 body.poll table tbody tr.new td:first-child { text-align: right; }
81 body.poll table tbody tr.new td input[name=name] { min-width: 100%; width: 8em; }
83 body.poll table td input[type=radio] { display: none; }
84 body.poll table td input[type=radio] + label {
86 text-decoration: underline;
91 body.poll table td input[type=radio]:checked + label {
94 body.poll table td input[type=radio][value=yes]:checked + label {
95 background-color: #AFA;
98 body.poll table td input[type=radio][value=no]:checked + label {
99 background-color: #FAA;
102 body.poll table td input[type=radio][value=maybe]:checked + label {
103 background-color: #FFA;
111 body.newdate form fieldset.date,
112 body.newdate form fieldset.timeofday,
113 body.newdate form fieldset.splittimes {
114 display: inline-block;
116 margin: .5em 0 1em 0;
119 body.newdate form { width: 26em; }
120 body.newdate form input[name=title],
121 body.newdate form textarea[name=description] {
124 body.newdate form fieldset.date,
125 body.newdate form fieldset.timeofday,
126 body.newdate form fieldset.splittimes {
130 @media(min-width: 50em) {
131 body.newdate form { width: 50em; }
132 body.newdate form input[name=title],
133 body.newdate form textarea[name=description] {
136 body.newdate form fieldset.date,
137 body.newdate form fieldset.timeofday,
138 body.newdate form fieldset.splittimes {
139 width: 49.5%; width: calc(50% - .375ex);
141 body.newdate form fieldset.date { padding-right: .75em; }
142 body.newdate form fieldset.timeofday,
143 body.newdate form fieldset.splittimes { padding-left: .75em; }
144 body.poll table { display: table;}
147 body.newdate form input[name=title],
148 body.newdate form textarea[name=description] {
150 margin-bottom: .75em;
152 body.newdate form textarea[name=description] {
156 body.newdate form .date button[name=month] {
157 display: inline-block;
161 width: 2em; width: calc(50% - 9em);
164 background-color: transparent;
169 body.newdate form .date button[name=month]:before {
177 body.newdate form .date table + button[name=month] { right: .75em; }
178 body.newdate form .date table + button[name=month]:before {
182 body.newdate form .date table.calendar {
183 background-color: #FFF;
185 -vertical-align: middle;
188 body.newdate form .timeofday label.todstart,
189 body.newdate form .timeofday label.todend {
190 display: inline-block;
195 width: 49%; width: calc(50% - 2.5pt);
197 body.newdate form fieldset > input[name^=todstart],
198 body.newdate form fieldset > input[name^=todend] {
199 display: inline-block;
201 width: 49%; width: calc(50% - 2.5pt);
204 body.newdate form fieldset > input[name^=todend] {
205 width: 39%; width: calc( 50% - 4.375ex);
208 body.newdate form fieldset button[name^=addtime] {
212 body.newdate form fieldset input.splittimes { display: none;}
213 body.newdate form fieldset input.splittimes + * { left: 12pt; }
214 body.newdate form fieldset input.splittimes + *:before {
216 width: 16pt; height: 16pt;
223 border-radius: .25ex;
224 background-color: #FFF;
226 body.newdate form fieldset input.splittimes:checked + *:before { content: '\2713'; background-color: #6AF;}
227 body.newdate form .timeofday button[name=splittimes] { margin-top: 1.5em;}
229 body.newdate form .splittimes p { margin-top: 2em; padding: .5em; background: rgba(255,255,255,.5); }
231 body.newdate form #delconfirm {
234 body.newdate form #delconfirm + label:after {
238 body.newdate form #delconfirm + label + button {
239 pointer-events: none;
243 body.newdate form #delconfirm:checked + label + button {
244 pointer-events: auto;
246 border-color: inherit;
247 background-color: #FDD;