imip-agent

Annotated htdocs/styles.css

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