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@208 | 28 | white-space: nowrap; |
paul@188 | 29 | } |
paul@188 | 30 | |
paul@188 | 31 | td.event { |
paul@188 | 32 | background-color: #af8; |
paul@188 | 33 | border: 2px solid #000; |
paul@188 | 34 | } |
paul@189 | 35 | |
paul@195 | 36 | td.event.continued { |
paul@195 | 37 | border-top: 2px dotted #000; |
paul@195 | 38 | } |
paul@195 | 39 | |
paul@195 | 40 | td.event.continues { |
paul@195 | 41 | border-bottom: 2px dotted #000; |
paul@195 | 42 | } |
paul@195 | 43 | |
paul@189 | 44 | td.event:target { |
paul@189 | 45 | background-color: #5f4; |
paul@195 | 46 | border-width: 4px; |
paul@189 | 47 | } |
paul@190 | 48 | |
paul@190 | 49 | td.event a { |
paul@190 | 50 | color: #009; |
paul@190 | 51 | } |
paul@196 | 52 | |
paul@203 | 53 | /* Selection of slots/periods for new events. */ |
paul@203 | 54 | |
paul@196 | 55 | input.newevent { |
paul@196 | 56 | display: none; |
paul@196 | 57 | } |
paul@196 | 58 | |
paul@196 | 59 | .container { |
paul@196 | 60 | position: relative; |
paul@196 | 61 | } |
paul@196 | 62 | |
paul@196 | 63 | .popup { |
paul@196 | 64 | display: none; |
paul@196 | 65 | position: absolute; |
paul@196 | 66 | top: 0; |
paul@196 | 67 | left: 0; |
paul@196 | 68 | } |
paul@196 | 69 | |
paul@196 | 70 | .container:hover .popup, |
paul@196 | 71 | .container:focus .popup { |
paul@196 | 72 | display: block; |
paul@196 | 73 | border: 1px solid #000; |
paul@196 | 74 | padding: 4px; |
paul@196 | 75 | background-color: #fff; |
paul@196 | 76 | } |
paul@196 | 77 | |
paul@196 | 78 | input.newevent:checked ~ .timepoint { |
paul@196 | 79 | background-color: #af8; |
paul@196 | 80 | text-decoration: underline; |
paul@196 | 81 | } |
paul@203 | 82 | |
paul@203 | 83 | /* Hiding/showing unused slots/periods. */ |
paul@203 | 84 | |
paul@203 | 85 | input#hideslots { |
paul@203 | 86 | display: none; |
paul@203 | 87 | } |
paul@203 | 88 | |
paul@203 | 89 | input#hideslots:checked ~ p label.enable[for=hideslots] { |
paul@203 | 90 | display: none; |
paul@203 | 91 | } |
paul@203 | 92 | |
paul@203 | 93 | input#hideslots:not(:checked) ~ p label.disable[for=hideslots] { |
paul@203 | 94 | display: none; |
paul@203 | 95 | } |
paul@203 | 96 | |
paul@203 | 97 | input#hideslots:checked ~ table tr.slot.daystart.empty { |
paul@203 | 98 | display: none; |
paul@203 | 99 | } |