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@203 | 52 | /* Selection of slots/periods for new events. */ |
paul@203 | 53 | |
paul@196 | 54 | input.newevent { |
paul@196 | 55 | display: none; |
paul@196 | 56 | } |
paul@196 | 57 | |
paul@196 | 58 | .container { |
paul@196 | 59 | position: relative; |
paul@196 | 60 | } |
paul@196 | 61 | |
paul@196 | 62 | .popup { |
paul@196 | 63 | display: none; |
paul@196 | 64 | position: absolute; |
paul@196 | 65 | top: 0; |
paul@196 | 66 | left: 0; |
paul@196 | 67 | } |
paul@196 | 68 | |
paul@196 | 69 | .container:hover .popup, |
paul@196 | 70 | .container:focus .popup { |
paul@196 | 71 | display: block; |
paul@196 | 72 | border: 1px solid #000; |
paul@196 | 73 | padding: 4px; |
paul@196 | 74 | background-color: #fff; |
paul@196 | 75 | } |
paul@196 | 76 | |
paul@196 | 77 | input.newevent:checked ~ .timepoint { |
paul@196 | 78 | background-color: #af8; |
paul@196 | 79 | text-decoration: underline; |
paul@196 | 80 | } |
paul@203 | 81 | |
paul@203 | 82 | /* Hiding/showing unused slots/periods. */ |
paul@203 | 83 | |
paul@203 | 84 | input#hideslots { |
paul@203 | 85 | display: none; |
paul@203 | 86 | } |
paul@203 | 87 | |
paul@203 | 88 | input#hideslots:checked ~ p label.enable[for=hideslots] { |
paul@203 | 89 | display: none; |
paul@203 | 90 | } |
paul@203 | 91 | |
paul@203 | 92 | input#hideslots:not(:checked) ~ p label.disable[for=hideslots] { |
paul@203 | 93 | display: none; |
paul@203 | 94 | } |
paul@203 | 95 | |
paul@203 | 96 | input#hideslots:checked ~ table tr.slot.daystart.empty { |
paul@203 | 97 | display: none; |
paul@203 | 98 | } |