1 table#calendar { 2 border: 2px solid #000; 3 } 4 5 colgroup#columns-request { 6 background-color: #eef; 7 } 8 9 colgroup#columns-freebusy { 10 background-color: #fee; 11 } 12 13 th.requestheading { 14 background-color: #aaf; 15 } 16 17 th.participantheading{ 18 background-color: #faa; 19 } 20 21 th.dayheading { 22 background-color: #f85; 23 } 24 25 th.timeslot { 26 vertical-align: top; 27 padding-top: 0; 28 white-space: nowrap; 29 } 30 31 td.event { 32 background-color: #af8; 33 border: 2px solid #000; 34 } 35 36 td.event.continued { 37 border-top: 2px dotted #000; 38 } 39 40 td.event.continues { 41 border-bottom: 2px dotted #000; 42 } 43 44 td.event:target { 45 background-color: #5f4; 46 border-width: 4px; 47 } 48 49 td.event a { 50 color: #009; 51 } 52 53 /* Selection of slots/periods for new events. */ 54 55 input.newevent { 56 display: none; 57 } 58 59 .container { 60 position: relative; 61 } 62 63 .popup { 64 display: none; 65 position: absolute; 66 top: 0; 67 left: 0; 68 } 69 70 .container:hover .popup, 71 .container:focus .popup { 72 display: block; 73 border: 1px solid #000; 74 padding: 4px; 75 background-color: #fff; 76 } 77 78 input.newevent:checked ~ .timepoint { 79 background-color: #af8; 80 text-decoration: underline; 81 } 82 83 /* Hiding/showing unused slots/periods. */ 84 85 input#hideslots { 86 display: none; 87 } 88 89 input#hideslots:checked ~ p label.enable[for=hideslots] { 90 display: none; 91 } 92 93 input#hideslots:not(:checked) ~ p label.disable[for=hideslots] { 94 display: none; 95 } 96 97 input#hideslots:checked ~ table tr.slot.daystart.empty { 98 display: none; 99 }