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 th.timeslot span.endpoint { 40 display: none; 41 font-size: smaller; 42 } 43 44 td.event { 45 background-color: #af8; 46 border: 2px solid #000; 47 } 48 49 td.event.continued { 50 border-top: 2px dotted #000; 51 } 52 53 td.event.continues { 54 border-bottom: 2px dotted #000; 55 } 56 57 td.event:target { 58 background-color: #5f4; 59 border-width: 4px; 60 } 61 62 td.event a { 63 color: #009; 64 } 65 66 /* Selection of slots/periods for new events. */ 67 68 input.newevent { 69 display: none; 70 } 71 72 td.container { 73 padding: 0; 74 } 75 76 th.dayheading:hover, 77 th.dayheading:focus, 78 th.timeslot:hover, 79 th.timeslot:focus, 80 td.container:hover, 81 td.container:focus { 82 background-color: #af8; 83 } 84 85 label.newevent.popup { 86 visibility: hidden; 87 display: block; 88 padding: 0.25em; 89 text-align: center; 90 } 91 92 td.container:hover label.newevent.popup, 93 td.container:focus label.newevent.popup { 94 visibility: visible; 95 } 96 97 input.newevent:checked ~ .day, 98 input.newevent:checked ~ .timepoint { 99 background-color: #af8; 100 text-decoration: underline; 101 } 102 103 /* Hiding/showing unused slots/periods. */ 104 105 input#hideslots { 106 display: none; 107 } 108 109 input#hideslots:checked ~ .controls label.enable[for=hideslots] { 110 display: none; 111 } 112 113 input#hideslots:not(:checked) ~ .controls label.disable[for=hideslots] { 114 display: none; 115 } 116 117 input#hideslots:checked ~ .calendar tr.slot.daystart.empty { 118 display: none; 119 } 120 121 /* Hiding/showing busy slots/periods. */ 122 123 input#hidebusy { 124 display: none; 125 } 126 127 input#hidebusy:checked ~ .controls label.enable[for=hidebusy] { 128 display: none; 129 } 130 131 input#hidebusy:not(:checked) ~ .controls label.disable[for=hidebusy] { 132 display: none; 133 } 134 135 input#hidebusy:checked ~ .calendar tr.slot.busy { 136 display: none; 137 } 138 139 input#hidebusy:checked ~ .calendar th.timeslot span.endpoint { 140 display: block; 141 } 142 143 label.enable, 144 label.disable { 145 padding-left: 0.25em; 146 } 147 148 label.hideslots { 149 border-left: 1em solid #faa; /* th.participantheading background-color */ 150 } 151 152 label.hidebusy { 153 border-left: 1em solid #af8; /* td.event background-color */ 154 }