imip-agent

Annotated htdocs/styles.css

236:8c7ac87406dd
231:6d8045a9b66e
230:557dc4696487
2015-02-02 Paul Boddie file changeset files shortlog Added controls for showing/hiding busy time slots.
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@196     67 
.container {
 
 paul@196     68 
    position: relative;
 
 paul@196     69 
}
 
 paul@196     70 
 
 paul@196     71 
.popup {
 
 paul@196     72 
    display: none;
 
 paul@196     73 
    position: absolute;
 
 paul@196     74 
    top: 0;
 
 paul@196     75 
    left: 0;
 
 paul@196     76 
}
 
 paul@196     77 
 
 paul@196     78 
.container:hover .popup,
 
 paul@196     79 
.container:focus .popup {
 
 paul@196     80 
    display: block;
 
 paul@196     81 
    border: 1px solid #000;
 
 paul@196     82 
    padding: 4px;
 
 paul@196     83 
    background-color: #fff;
 
 paul@196     84 
}
 
 paul@196     85 
 
 paul@196     86 
input.newevent:checked ~ .timepoint {
 
 paul@196     87 
    background-color: #af8;
 
 paul@196     88 
    text-decoration: underline;
 
 paul@196     89 
}
 
 paul@203     90 
 
 paul@203     91 
/* Hiding/showing unused slots/periods. */
 
 paul@203     92 
 
 paul@203     93 
input#hideslots {
 
 paul@203     94 
    display: none;
 
 paul@203     95 
}
 
 paul@203     96 
 
 paul@230     97 
input#hideslots:checked ~ .controls label.enable[for=hideslots] {
 
 paul@230     98 
    display: none;
 
 paul@230     99 
}
 
 paul@230    100 
 
 paul@230    101 
input#hideslots:not(:checked) ~ .controls label.disable[for=hideslots] {
 
 paul@203    102 
    display: none;
 
 paul@203    103 
}
 
 paul@203    104 
 
 paul@230    105 
input#hideslots:checked ~ .calendar tr.slot.daystart.empty {
 
 paul@203    106 
    display: none;
 
 paul@203    107 
}
 
 paul@203    108 
 
 paul@231    109 
/* Hiding/showing busy slots/periods. */
 
 paul@231    110 
 
 paul@231    111 
input#hidebusy {
 
 paul@231    112 
    display: none;
 
 paul@231    113 
}
 
 paul@231    114 
 
 paul@231    115 
input#hidebusy:checked ~ .controls label.enable[for=hidebusy] {
 
 paul@231    116 
    display: none;
 
 paul@231    117 
}
 
 paul@231    118 
 
 paul@231    119 
input#hidebusy:not(:checked) ~ .controls label.disable[for=hidebusy] {
 
 paul@231    120 
    display: none;
 
 paul@231    121 
}
 
 paul@231    122 
 
 paul@231    123 
input#hidebusy:checked ~ .calendar tr.slot.busy {
 
 paul@231    124 
    display: none;
 
 paul@231    125 
}
 
 paul@231    126 
 
 paul@230    127 
label.enable,
 
 paul@230    128 
label.disable {
 
 paul@230    129 
    border-left: 1em solid #faa; /* th.participantheading background-color */
 
 paul@230    130 
    padding-left: 0.25em;
 
 paul@203    131 
}