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