]> git.plutz.net Git - webpoll/blob - widgets.css
fix android: display arrow buttons in top row of calendar
[webpoll] / widgets.css
1 table.calendar {
2   display: inline-block;
3   border-collapse: collapse;
4   vertical-align: top;
5 }
6 table.calendar td {
7   border: .5pt solid;
8 }
9
10 table.calendar thead tr.monthname {
11   border-style: solid;
12   border-width: .5pt .5pt .5pt .5pt;
13   line-height: 1.5em;
14   font-size: 1.125em;
15 }
16 table.calendar thead tr.weekday {
17   line-height: 1.5em;
18 }
19 table.calendar thead tr.weekday th:first-of-type {
20   border-style: solid;
21   border-width: 0pt 0pt 0pt .5pt;
22 }
23 table.calendar thead tr.weekday th:last-child {
24   border-right: .5pt solid;
25 }
26 table.calendar tbody tr th {
27   border-left: .5pt solid #000;
28 }
29 table.calendar tbody tr:last-child th {
30   border-bottom: .5pt solid #000;
31 }
32
33 table.calendar tbody tr th.weekno {
34   width: 2em;
35   padding: 0 .25em;
36   text-align: right;
37   font-weight: normal;
38   color: #888;
39 }
40
41 table.calendar input[type=radio],
42 table.calendar input[type=checkbox] {
43   display: none;
44 }
45 table.calendar td label,
46 table.calendar td button {
47   display: inline-block;
48   width: 2em;
49   margin: 0; padding: .25em;
50   text-align: right;
51   line-height: 1em;
52   box-shadow: none;
53   border-radius: 0;
54   border: none;
55 }
56 table.calendar td input:checked + label,
57 table.calendar td label[checked],
58 table.calendar td button[name$=_remove] {
59   font-weight: bold;
60   line-height: .75em;
61   border: .125em solid;
62 }