imip-agent

Annotated htdocs/styles.css

241:4cf7a6c9ca5f
239:96006c733107
237:423eb08d06b9
2015-02-03 Paul Boddie file changeset files shortlog Added support for whole-day selection, creating events with date value types. Made get_datetime more flexible about parsing dates when VALUE is undefined. Added a get_datetime_item function to produce iCalendar attributes and values.
paul@212 1 
/* Table styling. */
paul@212 2 
 
 paul@230      3 
table.calendar,
 
 paul@230      4 
table.object {
 
 paul@188      5 
    border: 2px solid #000;
 
 paul@188      6 
}
 
 paul@188      7 
 
 paul@188      8 
colgroup#columns-request {
 
 paul@188      9 
    background-color: #eef;
 
 paul@188     10 
}
 
 paul@188     11 
 
 paul@188     12 
colgroup#columns-freebusy {
 
 paul@188     13 
    background-color: #fee;
 
 paul@188     14 
}
 
 paul@188     15 
 
 paul@193     16 
th.requestheading {
 
 paul@193     17 
    background-color: #aaf;
 
 paul@193     18 
}
 
 paul@193     19 
 
 paul@193     20 
th.participantheading{
 
 paul@193     21 
    background-color: #faa;
 
 paul@193     22 
}
 
 paul@193     23 
 
 paul@212     24 
th.dayheading,
 
 paul@212     25 
th.mainheading {
 
 paul@188     26 
    background-color: #f85;
 
 paul@188     27 
}
 
 paul@188     28 
 
 paul@212     29 
th.timeslot,
 
 paul@212     30 
th.objectheading {
 
 paul@188     31 
    vertical-align: top;
 
 paul@212     32 
    white-space: nowrap;
 
 paul@212     33 
}
 
 paul@212     34 
 
 paul@212     35 
th.timeslot {
 
 paul@188     36 
    padding-top: 0;
 
 paul@188     37 
}
 
 paul@188     38 
 
 paul@188     39 
td.event {
 
 paul@188     40 
    background-color: #af8;
 
 paul@188     41 
    border: 2px solid #000;
 
 paul@188     42 
}
 
 paul@189     43 
 
 paul@195     44 
td.event.continued {
 
 paul@195     45 
    border-top: 2px dotted #000;
 
 paul@195     46 
}
 
 paul@195     47 
 
 paul@195     48 
td.event.continues {
 
 paul@195     49 
    border-bottom: 2px dotted #000;
 
 paul@195     50 
}
 
 paul@195     51 
 
 paul@189     52 
td.event:target {
 
 paul@189     53 
    background-color: #5f4;
 
 paul@195     54 
    border-width: 4px;
 
 paul@189     55 
}
 
 paul@190     56 
 
 paul@190     57 
td.event a {
 
 paul@190     58 
    color: #009;
 
 paul@190     59 
}
 
 paul@196     60 
 
 paul@203     61 
/* Selection of slots/periods for new events. */
 
 paul@203     62 
 
 paul@196     63 
input.newevent {
 
 paul@196     64 
    display: none;
 
 paul@196     65 
}
 
 paul@196     66 
 
 paul@236     67 
td.container {
 
 paul@236     68 
    padding: 0;
 
 paul@236     69 
}
 
 paul@236     70 
 
 paul@236     71 
th.timeslot:hover,
 
 paul@236     72 
th.timeslot:focus,
 
 paul@236     73 
td.container:hover,
 
 paul@236     74 
td.container:focus {
 
 paul@236     75 
    background-color: #af8;
 
 paul@196     76 
}
 
 paul@196     77 
 
 paul@236     78 
label.newevent.popup {
 
 paul@236     79 
    visibility: hidden;
 
 paul@236     80 
    display: block;
 
 paul@236     81 
    padding: 0.25em;
 
 paul@236     82 
    text-align: center;
 
 paul@196     83 
}
 
 paul@196     84 
 
 paul@236     85 
td.container:hover label.newevent.popup,
 
 paul@236     86 
td.container:focus label.newevent.popup {
 
 paul@236     87 
    visibility: visible;
 
 paul@196     88 
}
 
 paul@196     89 
 
 paul@239     90 
input.newevent:checked ~ .day,
 
 paul@196     91 
input.newevent:checked ~ .timepoint {
 
 paul@196     92 
    background-color: #af8;
 
 paul@196     93 
    text-decoration: underline;
 
 paul@196     94 
}
 
 paul@203     95 
 
 paul@203     96 
/* Hiding/showing unused slots/periods. */
 
 paul@203     97 
 
 paul@203     98 
input#hideslots {
 
 paul@203     99 
    display: none;
 
 paul@203    100 
}
 
 paul@203    101 
 
 paul@230    102 
input#hideslots:checked ~ .controls label.enable[for=hideslots] {
 
 paul@230    103 
    display: none;
 
 paul@230    104 
}
 
 paul@230    105 
 
 paul@230    106 
input#hideslots:not(:checked) ~ .controls label.disable[for=hideslots] {
 
 paul@203    107 
    display: none;
 
 paul@203    108 
}
 
 paul@203    109 
 
 paul@230    110 
input#hideslots:checked ~ .calendar tr.slot.daystart.empty {
 
 paul@203    111 
    display: none;
 
 paul@203    112 
}
 
 paul@203    113 
 
 paul@231    114 
/* Hiding/showing busy slots/periods. */
 
 paul@231    115 
 
 paul@231    116 
input#hidebusy {
 
 paul@231    117 
    display: none;
 
 paul@231    118 
}
 
 paul@231    119 
 
 paul@231    120 
input#hidebusy:checked ~ .controls label.enable[for=hidebusy] {
 
 paul@231    121 
    display: none;
 
 paul@231    122 
}
 
 paul@231    123 
 
 paul@231    124 
input#hidebusy:not(:checked) ~ .controls label.disable[for=hidebusy] {
 
 paul@231    125 
    display: none;
 
 paul@231    126 
}
 
 paul@231    127 
 
 paul@231    128 
input#hidebusy:checked ~ .calendar tr.slot.busy {
 
 paul@231    129 
    display: none;
 
 paul@231    130 
}
 
 paul@231    131 
 
 paul@230    132 
label.enable,
 
 paul@230    133 
label.disable {
 
 paul@230    134 
    padding-left: 0.25em;
 
 paul@203    135 
}
 
 paul@237    136 
 
 paul@237    137 
label.hideslots {
 
 paul@237    138 
    border-left: 1em solid #faa; /* th.participantheading background-color */
 
 paul@237    139 
}
 
 paul@237    140 
 
 paul@237    141 
label.hidebusy {
 
 paul@237    142 
    border-left: 1em solid #af8; /* td.event background-color */
 
 paul@237    143 
}