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.selector { 69 display: none; 70 } 71 72 th.container, 73 td.container { 74 padding: 0; /* for regions covered by labels */ 75 } 76 77 th.dayheading:hover, 78 th.dayheading:focus, 79 th.timeslot:hover, 80 th.timeslot:focus, 81 td.container:hover, 82 td.container:focus { 83 background-color: #af8; 84 } 85 86 label.day, 87 label.newevent.popup { 88 display: block; /* to make labels cover regions */ 89 padding: 0.25em; 90 } 91 92 label.newevent.popup { 93 visibility: hidden; 94 text-align: center; 95 } 96 97 td.container:hover label.newevent.popup, 98 td.container:focus label.newevent.popup { 99 visibility: visible; 100 } 101 102 input.newevent:checked ~ .timepoint { 103 background-color: #5f4; 104 text-decoration: underline; 105 } 106 107 /* Hiding/showing unused slots/periods. */ 108 109 input#hideslots { 110 display: none; 111 } 112 113 input#hideslots:checked ~ .controls label.enable[for=hideslots] { 114 display: none; 115 } 116 117 input#hideslots:not(:checked) ~ .controls label.disable[for=hideslots] { 118 display: none; 119 } 120 121 input#hideslots:checked ~ .calendar tr.slot.daystart.empty { 122 display: none; 123 } 124 125 /* Hiding/showing busy slots/periods. */ 126 127 input#hidebusy { 128 display: none; 129 } 130 131 input#hidebusy:checked ~ .controls label.enable[for=hidebusy] { 132 display: none; 133 } 134 135 input#hidebusy:not(:checked) ~ .controls label.disable[for=hidebusy] { 136 display: none; 137 } 138 139 input#hidebusy:checked ~ .calendar tr.slot.busy { 140 display: none; 141 } 142 143 input#hidebusy:checked ~ .calendar th.timeslot span.endpoint { 144 display: block; 145 } 146 147 label.enable, 148 label.disable { 149 padding-left: 0.25em; 150 } 151 152 label.hideslots { 153 border-left: 1em solid #faa; /* th.participantheading background-color */ 154 } 155 156 label.hidebusy { 157 border-left: 1em solid #af8; /* td.event background-color */ 158 }