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