2015-01-29 | Paul Boddie | file changeset files shortlog | Added hidden radio buttons and pop-up labels selecting them, so that the start time of a new event can be defined. |
paul@188 | 1 | table#calendar { |
paul@188 | 2 | border: 2px solid #000; |
paul@188 | 3 | } |
paul@188 | 4 | |
paul@188 | 5 | colgroup#columns-request { |
paul@188 | 6 | background-color: #eef; |
paul@188 | 7 | } |
paul@188 | 8 | |
paul@188 | 9 | colgroup#columns-freebusy { |
paul@188 | 10 | background-color: #fee; |
paul@188 | 11 | } |
paul@188 | 12 | |
paul@193 | 13 | th.requestheading { |
paul@193 | 14 | background-color: #aaf; |
paul@193 | 15 | } |
paul@193 | 16 | |
paul@193 | 17 | th.participantheading{ |
paul@193 | 18 | background-color: #faa; |
paul@193 | 19 | } |
paul@193 | 20 | |
paul@188 | 21 | th.dayheading { |
paul@188 | 22 | background-color: #f85; |
paul@188 | 23 | } |
paul@188 | 24 | |
paul@188 | 25 | th.timeslot { |
paul@188 | 26 | vertical-align: top; |
paul@188 | 27 | padding-top: 0; |
paul@188 | 28 | } |
paul@188 | 29 | |
paul@188 | 30 | td.event { |
paul@188 | 31 | background-color: #af8; |
paul@188 | 32 | border: 2px solid #000; |
paul@188 | 33 | } |
paul@189 | 34 | |
paul@195 | 35 | td.event.continued { |
paul@195 | 36 | border-top: 2px dotted #000; |
paul@195 | 37 | } |
paul@195 | 38 | |
paul@195 | 39 | td.event.continues { |
paul@195 | 40 | border-bottom: 2px dotted #000; |
paul@195 | 41 | } |
paul@195 | 42 | |
paul@189 | 43 | td.event:target { |
paul@189 | 44 | background-color: #5f4; |
paul@195 | 45 | border-width: 4px; |
paul@189 | 46 | } |
paul@190 | 47 | |
paul@190 | 48 | td.event a { |
paul@190 | 49 | color: #009; |
paul@190 | 50 | } |
paul@196 | 51 | |
paul@196 | 52 | input.newevent { |
paul@196 | 53 | display: none; |
paul@196 | 54 | } |
paul@196 | 55 | |
paul@196 | 56 | .container { |
paul@196 | 57 | position: relative; |
paul@196 | 58 | } |
paul@196 | 59 | |
paul@196 | 60 | .popup { |
paul@196 | 61 | display: none; |
paul@196 | 62 | position: absolute; |
paul@196 | 63 | top: 0; |
paul@196 | 64 | left: 0; |
paul@196 | 65 | } |
paul@196 | 66 | |
paul@196 | 67 | .container:hover .popup, |
paul@196 | 68 | .container:focus .popup { |
paul@196 | 69 | display: block; |
paul@196 | 70 | border: 1px solid #000; |
paul@196 | 71 | padding: 4px; |
paul@196 | 72 | background-color: #fff; |
paul@196 | 73 | } |
paul@196 | 74 | |
paul@196 | 75 | input.newevent:checked ~ .timepoint { |
paul@196 | 76 | background-color: #af8; |
paul@196 | 77 | text-decoration: underline; |
paul@196 | 78 | } |