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