imip-agent

Annotated htdocs/styles.css

701:73b632900c42
523:b9c05d30449f
513:779f4e9c5c34
2015-05-15 Paul Boddie file changeset files shortlog Support the cancellation of previously unseparated recurrences.
paul@212 1 
/* Table styling. */
paul@212 2 
 
 paul@230      3 
table.calendar,
 
 paul@302      4 
table.conflicts,
 
 paul@427      5 
table.recurrence,
 
 paul@230      6 
table.object {
 
 paul@188      7 
    border: 2px solid #000;
 
 paul@188      8 
}
 
 paul@188      9 
 
 paul@188     10 
colgroup#columns-request {
 
 paul@188     11 
    background-color: #eef;
 
 paul@188     12 
}
 
 paul@188     13 
 
 paul@188     14 
colgroup#columns-freebusy {
 
 paul@188     15 
    background-color: #fee;
 
 paul@188     16 
}
 
 paul@188     17 
 
 paul@193     18 
th.requestheading {
 
 paul@193     19 
    background-color: #aaf;
 
 paul@193     20 
}
 
 paul@193     21 
 
 paul@193     22 
th.participantheading{
 
 paul@193     23 
    background-color: #faa;
 
 paul@193     24 
}
 
 paul@193     25 
 
 paul@212     26 
th.dayheading,
 
 paul@212     27 
th.mainheading {
 
 paul@188     28 
    background-color: #f85;
 
 paul@188     29 
}
 
 paul@188     30 
 
 paul@212     31 
th.timeslot,
 
 paul@212     32 
th.objectheading {
 
 paul@212     33 
    white-space: nowrap;
 
 paul@212     34 
}
 
 paul@212     35 
 
 paul@373     36 
th.objectheading {
 
 paul@373     37 
    background-color: #fca;
 
 paul@373     38 
}
 
 paul@373     39 
 
 paul@212     40 
th.timeslot {
 
 paul@188     41 
    padding-top: 0;
 
 paul@325     42 
    vertical-align: top;
 
 paul@188     43 
}
 
 paul@188     44 
 
 paul@241     45 
th.timeslot span.endpoint {
 
 paul@241     46 
    display: none;
 
 paul@241     47 
    font-size: smaller;
 
 paul@241     48 
}
 
 paul@241     49 
 
 paul@188     50 
td.event {
 
 paul@275     51 
    background-color: #ff8;
 
 paul@275     52 
    border: 2px solid #000;
 
 paul@275     53 
}
 
 paul@275     54 
 
 paul@486     55 
td.event.only-organising {
 
 paul@486     56 
    background-color: #afd;
 
 paul@486     57 
}
 
 paul@486     58 
 
 paul@275     59 
td.event.organising {
 
 paul@188     60 
    background-color: #af8;
 
 paul@188     61 
}
 
 paul@189     62 
 
 paul@195     63 
td.event.continued {
 
 paul@195     64 
    border-top: 2px dotted #000;
 
 paul@195     65 
}
 
 paul@195     66 
 
 paul@195     67 
td.event.continues {
 
 paul@195     68 
    border-bottom: 2px dotted #000;
 
 paul@195     69 
}
 
 paul@195     70 
 
 paul@189     71 
td.event:target {
 
 paul@328     72 
    border-width: 4px;
 
 paul@328     73 
    background-color: #ee2;
 
 paul@328     74 
}
 
 paul@328     75 
 
 paul@328     76 
td.event.organising:target {
 
 paul@189     77 
    background-color: #5f4;
 
 paul@189     78 
}
 
 paul@190     79 
 
 paul@190     80 
td.event a {
 
 paul@190     81 
    color: #009;
 
 paul@190     82 
}
 
 paul@196     83 
 
 paul@415     84 
th.objectheading.error {
 
 paul@415     85 
    background-color: #f77;
 
 paul@299     86 
}
 
 paul@299     87 
 
 paul@315     88 
.partstat {
 
 paul@315     89 
    margin-left: 1em;
 
 paul@324     90 
    background-color: #eee;
 
 paul@324     91 
}
 
 paul@324     92 
 
 paul@324     93 
.partstat,
 
 paul@324     94 
.partstat option {
 
 paul@315     95 
    padding: 0.25em;
 
 paul@315     96 
}
 
 paul@315     97 
 
 paul@324     98 
select.partstat {
 
 paul@324     99 
    background-color: #ccc;
 
 paul@324    100 
    padding: 0;
 
 paul@324    101 
    font-family: inherit;
 
 paul@324    102 
    font-size: inherit;
 
 paul@315    103 
}
 
 paul@315    104 
 
 paul@383    105 
.affected {
 
 paul@383    106 
    font-weight: bold;
 
 paul@383    107 
}
 
 paul@383    108 
 
 paul@500    109 
table.recurrence .replaced,
 
 paul@487    110 
table.conflicts .replaced {
 
 paul@357    111 
    text-decoration: line-through;
 
 paul@357    112 
}
 
 paul@357    113 
 
 paul@487    114 
.objectvalue.dtstart.replaced {
 
 paul@487    115 
    vertical-align: top;
 
 paul@487    116 
}
 
 paul@487    117 
 
 paul@513    118 
/* New event controls. */
 
 paul@513    119 
 
 paul@513    120 
.newevent-with-periods {
 
 paul@513    121 
    display: none;
 
 paul@513    122 
}
 
 paul@513    123 
 
 paul@203    124 
/* Selection of slots/periods for new events. */
 
 paul@203    125 
 
 paul@249    126 
input.newevent.selector {
 
 paul@196    127 
    display: none;
 
 paul@196    128 
}
 
 paul@196    129 
 
 paul@243    130 
th.container,
 
 paul@236    131 
td.container {
 
 paul@243    132 
    padding: 0; /* for regions covered by labels */
 
 paul@236    133 
}
 
 paul@236    134 
 
 paul@242    135 
th.dayheading:hover,
 
 paul@242    136 
th.dayheading:focus,
 
 paul@236    137 
th.timeslot:hover,
 
 paul@236    138 
th.timeslot:focus,
 
 paul@236    139 
td.container:hover,
 
 paul@236    140 
td.container:focus {
 
 paul@236    141 
    background-color: #af8;
 
 paul@196    142 
}
 
 paul@196    143 
 
 paul@243    144 
label.day,
 
 paul@243    145 
label.newevent.popup {
 
 paul@243    146 
    display: block; /* to make labels cover regions */
 
 paul@243    147 
    padding: 0.25em;
 
 paul@243    148 
}
 
 paul@243    149 
 
 paul@236    150 
label.newevent.popup {
 
 paul@236    151 
    visibility: hidden;
 
 paul@236    152 
    text-align: center;
 
 paul@196    153 
}
 
 paul@196    154 
 
 paul@236    155 
td.container:hover label.newevent.popup,
 
 paul@236    156 
td.container:focus label.newevent.popup {
 
 paul@236    157 
    visibility: visible;
 
 paul@196    158 
}
 
 paul@196    159 
 
 paul@280    160 
/* Hiding/showing busy slots/periods or unused days. */
 
 paul@279    161 
 
 paul@279    162 
/* Hide the controls. */
 
 paul@203    163 
 
 paul@279    164 
input#hidebusy,
 
 paul@281    165 
input#showdays,
 
 paul@279    166 
 
 paul@279    167 
/* Hide the enable labels when controls are already enabled. */
 
 paul@288    168 
/* Hide the disable labels when controls are already disabled. */
 
 paul@203    169 
 
 paul@279    170 
input#hidebusy:checked ~ .controls label.enable[for=hidebusy],
 
 paul@288    171 
input#showdays:checked ~ .controls label.disable[for=showdays],
 
 paul@279    172 
input#hidebusy:not(:checked) ~ .controls label.disable[for=hidebusy],
 
 paul@288    173 
input#showdays:not(:checked) ~ .controls label.enable[for=showdays],
 
 paul@203    174 
 
 paul@279    175 
/* Hide calendar rows depending on the selected controls. */
 
 paul@279    176 
 
 paul@279    177 
input#hidebusy:checked ~ .calendar tr.slot.busy,
 
 paul@282    178 
input#showdays:not(:checked) ~ .calendar thead.separator.empty,
 
 paul@308    179 
input#showdays:not(:checked) ~ .calendar tbody.points.empty,
 
 paul@241    180 
 
 paul@300    181 
/* Hiding/showing end datetimes and start/end times. */
 
 paul@290    182 
 
 paul@300    183 
input#dttimes-enable,
 
 paul@290    184 
input#dtend-enable,
 
 paul@427    185 
input#dttimes-enable:not(:checked) ~ .object td.objectvalue .time.enabled,
 
 paul@300    186 
input#dttimes-enable:checked ~ .object td.objectvalue .time.disabled,
 
 paul@427    187 
input#dtend-enable:not(:checked) ~ .object td.objectvalue.dtend .dt.enabled,
 
 paul@308    188 
input#dtend-enable:checked ~ .object td.objectvalue.dtend .dt.disabled,
 
 paul@308    189 
 
 paul@308    190 
/* Hiding/showing remove/uninvite labels. */
 
 paul@308    191 
 
 paul@315    192 
input.add,
 
 paul@308    193 
input.remove,
 
 paul@308    194 
input.remove:checked ~ label.remove,
 
 paul@396    195 
input.remove:not(:checked) ~ label.removed,
 
 paul@396    196 
 
 paul@473    197 
/* Hide the participation refresh control, selected using a label. */
 
 paul@473    198 
 
 paul@473    199 
input.refresh,
 
 paul@473    200 
 
 paul@396    201 
/* Hide the reset control, selected using a label. */
 
 paul@396    202 
 
 paul@396    203 
input#reset {
 
 paul@290    204 
    display: none;
 
 paul@290    205 
}
 
 paul@290    206 
 
 paul@308    207 
/* Show slot endpoints when hiding adjacent busy periods. */
 
 paul@308    208 
 
 paul@308    209 
input#hidebusy:checked ~ .calendar th.timeslot span.endpoint {
 
 paul@308    210 
    display: block;
 
 paul@308    211 
}
 
 paul@308    212 
 
 paul@279    213 
/* Style the labels. */
 
 paul@279    214 
 
 paul@471    215 
label.day,
 
 paul@471    216 
label.timepoint,
 
 paul@471    217 
label.newevent,
 
 paul@471    218 
.dt.disabled label,
 
 paul@471    219 
.dt.enabled label,
 
 paul@471    220 
label.add,
 
 paul@471    221 
label.remove,
 
 paul@471    222 
label.removed,
 
 paul@471    223 
label.hidebusy,
 
 paul@471    224 
label.showdays,
 
 paul@471    225 
label.reset {
 
 paul@471    226 
    cursor: pointer;
 
 paul@471    227 
}
 
 paul@471    228 
 
 paul@315    229 
label.add,
 
 paul@308    230 
label.remove,
 
 paul@308    231 
label.removed {
 
 paul@308    232 
    float: right;
 
 paul@308    233 
}
 
 paul@308    234 
 
 paul@500    235 
p label.add,
 
 paul@500    236 
p label.remove,
 
 paul@500    237 
p label.removed {
 
 paul@500    238 
    float: none;
 
 paul@500    239 
}
 
 paul@500    240 
 
 paul@300    241 
.dt.disabled label,
 
 paul@300    242 
.dt.enabled label,
 
 paul@315    243 
label.add,
 
 paul@308    244 
label.remove,
 
 paul@308    245 
label.removed,
 
 paul@300    246 
label.hidebusy,
 
 paul@396    247 
label.showdays,
 
 paul@396    248 
label.reset {
 
 paul@300    249 
    color: #009;
 
 paul@300    250 
    text-decoration: underline;
 
 paul@300    251 
}
 
 paul@300    252 
 
 paul@412    253 
.dt.disabled label,
 
 paul@300    254 
.dt.enabled label {
 
 paul@402    255 
    display: inline-block;
 
 paul@412    256 
}
 
 paul@412    257 
 
 paul@412    258 
.dt.enabled label {
 
 paul@290    259 
    margin-top: 0.25em;
 
 paul@290    260 
}
 
 paul@290    261 
 
 paul@300    262 
label.hidebusy,
 
 paul@396    263 
label.showdays,
 
 paul@396    264 
label.reset {
 
 paul@230    265 
    padding-left: 0.25em;
 
 paul@203    266 
}
 
 paul@237    267 
 
 paul@281    268 
label.showdays {
 
 paul@237    269 
    border-left: 1em solid #faa; /* th.participantheading background-color */
 
 paul@237    270 
}
 
 paul@237    271 
 
 paul@237    272 
label.hidebusy {
 
 paul@237    273 
    border-left: 1em solid #af8; /* td.event background-color */
 
 paul@237    274 
}
 
 paul@396    275 
 
 paul@396    276 
label.reset {
 
 paul@396    277 
    border-left: 1em solid #5f4; /* (selected) .timepoint background-color */
 
 paul@396    278 
}