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 } 29 30 td.event { 31 background-color: #af8; 32 border: 2px solid #000; 33 } 34 35 td.event.continued { 36 border-top: 2px dotted #000; 37 } 38 39 td.event.continues { 40 border-bottom: 2px dotted #000; 41 } 42 43 td.event:target { 44 background-color: #5f4; 45 border-width: 4px; 46 } 47 48 td.event a { 49 color: #009; 50 } 51 52 input.newevent { 53 display: none; 54 } 55 56 .container { 57 position: relative; 58 } 59 60 .popup { 61 display: none; 62 position: absolute; 63 top: 0; 64 left: 0; 65 } 66 67 .container:hover .popup, 68 .container:focus .popup { 69 display: block; 70 border: 1px solid #000; 71 padding: 4px; 72 background-color: #fff; 73 } 74 75 input.newevent:checked ~ .timepoint { 76 background-color: #af8; 77 text-decoration: underline; 78 }