imip-agent

Annotated htdocs/styles.css

513:779f4e9c5c34
502:ee8848449822
500:0b9b4ce2d4c5
2015-04-07 Paul Boddie file changeset files shortlog Only remove an event from the free/busy record if cancelling the whole thing, not if only removing attendees.
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@203    118 
/* Selection of slots/periods for new events. */
 
 paul@203    119 
 
 paul@249    120 
input.newevent.selector {
 
 paul@196    121 
    display: none;
 
 paul@196    122 
}
 
 paul@196    123 
 
 paul@243    124 
th.container,
 
 paul@236    125 
td.container {
 
 paul@243    126 
    padding: 0; /* for regions covered by labels */
 
 paul@236    127 
}
 
 paul@236    128 
 
 paul@242    129 
th.dayheading:hover,
 
 paul@242    130 
th.dayheading:focus,
 
 paul@236    131 
th.timeslot:hover,
 
 paul@236    132 
th.timeslot:focus,
 
 paul@236    133 
td.container:hover,
 
 paul@236    134 
td.container:focus {
 
 paul@236    135 
    background-color: #af8;
 
 paul@196    136 
}
 
 paul@196    137 
 
 paul@243    138 
label.day,
 
 paul@243    139 
label.newevent.popup {
 
 paul@243    140 
    display: block; /* to make labels cover regions */
 
 paul@243    141 
    padding: 0.25em;
 
 paul@243    142 
}
 
 paul@243    143 
 
 paul@236    144 
label.newevent.popup {
 
 paul@236    145 
    visibility: hidden;
 
 paul@236    146 
    text-align: center;
 
 paul@196    147 
}
 
 paul@196    148 
 
 paul@236    149 
td.container:hover label.newevent.popup,
 
 paul@236    150 
td.container:focus label.newevent.popup {
 
 paul@236    151 
    visibility: visible;
 
 paul@196    152 
}
 
 paul@196    153 
 
 paul@196    154 
input.newevent:checked ~ .timepoint {
 
 paul@243    155 
    background-color: #5f4;
 
 paul@196    156 
    text-decoration: underline;
 
 paul@196    157 
}
 
 paul@203    158 
 
 paul@280    159 
/* Hiding/showing busy slots/periods or unused days. */
 
 paul@279    160 
 
 paul@279    161 
/* Hide the controls. */
 
 paul@203    162 
 
 paul@279    163 
input#hidebusy,
 
 paul@281    164 
input#showdays,
 
 paul@279    165 
 
 paul@279    166 
/* Hide the enable labels when controls are already enabled. */
 
 paul@288    167 
/* Hide the disable labels when controls are already disabled. */
 
 paul@203    168 
 
 paul@279    169 
input#hidebusy:checked ~ .controls label.enable[for=hidebusy],
 
 paul@288    170 
input#showdays:checked ~ .controls label.disable[for=showdays],
 
 paul@279    171 
input#hidebusy:not(:checked) ~ .controls label.disable[for=hidebusy],
 
 paul@288    172 
input#showdays:not(:checked) ~ .controls label.enable[for=showdays],
 
 paul@203    173 
 
 paul@279    174 
/* Hide calendar rows depending on the selected controls. */
 
 paul@279    175 
 
 paul@279    176 
input#hidebusy:checked ~ .calendar tr.slot.busy,
 
 paul@282    177 
input#showdays:not(:checked) ~ .calendar thead.separator.empty,
 
 paul@308    178 
input#showdays:not(:checked) ~ .calendar tbody.points.empty,
 
 paul@241    179 
 
 paul@300    180 
/* Hiding/showing end datetimes and start/end times. */
 
 paul@290    181 
 
 paul@300    182 
input#dttimes-enable,
 
 paul@290    183 
input#dtend-enable,
 
 paul@427    184 
input#dttimes-enable:not(:checked) ~ .object td.objectvalue .time.enabled,
 
 paul@300    185 
input#dttimes-enable:checked ~ .object td.objectvalue .time.disabled,
 
 paul@427    186 
input#dtend-enable:not(:checked) ~ .object td.objectvalue.dtend .dt.enabled,
 
 paul@308    187 
input#dtend-enable:checked ~ .object td.objectvalue.dtend .dt.disabled,
 
 paul@308    188 
 
 paul@308    189 
/* Hiding/showing remove/uninvite labels. */
 
 paul@308    190 
 
 paul@315    191 
input.add,
 
 paul@308    192 
input.remove,
 
 paul@308    193 
input.remove:checked ~ label.remove,
 
 paul@396    194 
input.remove:not(:checked) ~ label.removed,
 
 paul@396    195 
 
 paul@473    196 
/* Hide the participation refresh control, selected using a label. */
 
 paul@473    197 
 
 paul@473    198 
input.refresh,
 
 paul@473    199 
 
 paul@396    200 
/* Hide the reset control, selected using a label. */
 
 paul@396    201 
 
 paul@396    202 
input#reset {
 
 paul@290    203 
    display: none;
 
 paul@290    204 
}
 
 paul@290    205 
 
 paul@308    206 
/* Show slot endpoints when hiding adjacent busy periods. */
 
 paul@308    207 
 
 paul@308    208 
input#hidebusy:checked ~ .calendar th.timeslot span.endpoint {
 
 paul@308    209 
    display: block;
 
 paul@308    210 
}
 
 paul@308    211 
 
 paul@279    212 
/* Style the labels. */
 
 paul@279    213 
 
 paul@471    214 
label.day,
 
 paul@471    215 
label.timepoint,
 
 paul@471    216 
label.newevent,
 
 paul@471    217 
.dt.disabled label,
 
 paul@471    218 
.dt.enabled label,
 
 paul@471    219 
label.add,
 
 paul@471    220 
label.remove,
 
 paul@471    221 
label.removed,
 
 paul@471    222 
label.hidebusy,
 
 paul@471    223 
label.showdays,
 
 paul@471    224 
label.reset {
 
 paul@471    225 
    cursor: pointer;
 
 paul@471    226 
}
 
 paul@471    227 
 
 paul@315    228 
label.add,
 
 paul@308    229 
label.remove,
 
 paul@308    230 
label.removed {
 
 paul@308    231 
    float: right;
 
 paul@308    232 
}
 
 paul@308    233 
 
 paul@500    234 
p label.add,
 
 paul@500    235 
p label.remove,
 
 paul@500    236 
p label.removed {
 
 paul@500    237 
    float: none;
 
 paul@500    238 
}
 
 paul@500    239 
 
 paul@300    240 
.dt.disabled label,
 
 paul@300    241 
.dt.enabled label,
 
 paul@315    242 
label.add,
 
 paul@308    243 
label.remove,
 
 paul@308    244 
label.removed,
 
 paul@300    245 
label.hidebusy,
 
 paul@396    246 
label.showdays,
 
 paul@396    247 
label.reset {
 
 paul@300    248 
    color: #009;
 
 paul@300    249 
    text-decoration: underline;
 
 paul@300    250 
}
 
 paul@300    251 
 
 paul@412    252 
.dt.disabled label,
 
 paul@300    253 
.dt.enabled label {
 
 paul@402    254 
    display: inline-block;
 
 paul@412    255 
}
 
 paul@412    256 
 
 paul@412    257 
.dt.enabled label {
 
 paul@290    258 
    margin-top: 0.25em;
 
 paul@290    259 
}
 
 paul@290    260 
 
 paul@300    261 
label.hidebusy,
 
 paul@396    262 
label.showdays,
 
 paul@396    263 
label.reset {
 
 paul@230    264 
    padding-left: 0.25em;
 
 paul@203    265 
}
 
 paul@237    266 
 
 paul@281    267 
label.showdays {
 
 paul@237    268 
    border-left: 1em solid #faa; /* th.participantheading background-color */
 
 paul@237    269 
}
 
 paul@237    270 
 
 paul@237    271 
label.hidebusy {
 
 paul@237    272 
    border-left: 1em solid #af8; /* td.event background-color */
 
 paul@237    273 
}
 
 paul@396    274 
 
 paul@396    275 
label.reset {
 
 paul@396    276 
    border-left: 1em solid #5f4; /* (selected) .timepoint background-color */
 
 paul@396    277 
}