imip-agent

htdocs/styles.css

373:0591b1098fc7
2015-03-03 Paul Boddie Provided a background colour for object headings. recurring-events
     1 /* Table styling. */     2      3 table.calendar,     4 table.conflicts,     5 table.object {     6     border: 2px solid #000;     7 }     8      9 colgroup#columns-request {    10     background-color: #eef;    11 }    12     13 colgroup#columns-freebusy {    14     background-color: #fee;    15 }    16     17 th.requestheading {    18     background-color: #aaf;    19 }    20     21 th.participantheading{    22     background-color: #faa;    23 }    24     25 th.dayheading,    26 th.mainheading {    27     background-color: #f85;    28 }    29     30 th.timeslot,    31 th.objectheading {    32     white-space: nowrap;    33 }    34     35 th.objectheading {    36     background-color: #fca;    37 }    38     39 th.timeslot {    40     padding-top: 0;    41     vertical-align: top;    42 }    43     44 th.timeslot span.endpoint {    45     display: none;    46     font-size: smaller;    47 }    48     49 td.event {    50     background-color: #ff8;    51     border: 2px solid #000;    52 }    53     54 td.event.organising {    55     background-color: #af8;    56 }    57     58 td.event.continued {    59     border-top: 2px dotted #000;    60 }    61     62 td.event.continues {    63     border-bottom: 2px dotted #000;    64 }    65     66 td.event:target {    67     border-width: 4px;    68     background-color: #ee2;    69 }    70     71 td.event.organising:target {    72     background-color: #5f4;    73 }    74     75 td.event a {    76     color: #009;    77 }    78     79 .error {    80     background-color: #faa;    81 }    82     83 .partstat {    84     margin-left: 1em;    85     background-color: #eee;    86 }    87     88 .partstat,    89 .partstat option {    90     padding: 0.25em;    91 }    92     93 select.partstat {    94     background-color: #ccc;    95     padding: 0;    96     font-family: inherit;    97     font-size: inherit;    98 }    99    100 .replaced {   101     text-decoration: line-through;   102 }   103    104 /* Selection of slots/periods for new events. */   105    106 input.newevent.selector {   107     display: none;   108 }   109    110 th.container,   111 td.container {   112     padding: 0; /* for regions covered by labels */   113 }   114    115 th.dayheading:hover,   116 th.dayheading:focus,   117 th.timeslot:hover,   118 th.timeslot:focus,   119 td.container:hover,   120 td.container:focus {   121     background-color: #af8;   122 }   123    124 label.day,   125 label.newevent.popup {   126     display: block; /* to make labels cover regions */   127     padding: 0.25em;   128 }   129    130 label.newevent.popup {   131     visibility: hidden;   132     text-align: center;   133 }   134    135 td.container:hover label.newevent.popup,   136 td.container:focus label.newevent.popup {   137     visibility: visible;   138 }   139    140 input.newevent:checked ~ .timepoint {   141     background-color: #5f4;   142     text-decoration: underline;   143 }   144    145 /* Hiding/showing busy slots/periods or unused days. */   146    147 /* Hide the controls. */   148    149 input#hidebusy,   150 input#showdays,   151    152 /* Hide the enable labels when controls are already enabled. */   153 /* Hide the disable labels when controls are already disabled. */   154    155 input#hidebusy:checked ~ .controls label.enable[for=hidebusy],   156 input#showdays:checked ~ .controls label.disable[for=showdays],   157 input#hidebusy:not(:checked) ~ .controls label.disable[for=hidebusy],   158 input#showdays:not(:checked) ~ .controls label.enable[for=showdays],   159    160 /* Hide calendar rows depending on the selected controls. */   161    162 input#hidebusy:checked ~ .calendar tr.slot.busy,   163 input#showdays:not(:checked) ~ .calendar thead.separator.empty,   164 input#showdays:not(:checked) ~ .calendar tbody.points.empty,   165    166 /* Hiding/showing end datetimes and start/end times. */   167    168 input#dttimes-disable,   169 input#dttimes-enable,   170 input#dtend-disable,   171 input#dtend-enable,   172 input#dttimes-disable:checked ~ .object td.objectvalue .time.enabled,   173 input#dttimes-enable:checked ~ .object td.objectvalue .time.disabled,   174 input#dtend-disable:checked ~ .object td.objectvalue.dtend .dt.enabled,   175 input#dtend-enable:checked ~ .object td.objectvalue.dtend .dt.disabled,   176    177 /* Hiding/showing remove/uninvite labels. */   178    179 input.add,   180 input.remove,   181 input.remove:checked ~ label.remove,   182 input.remove:not(:checked) ~ label.removed {   183     display: none;   184 }   185    186 /* Show slot endpoints when hiding adjacent busy periods. */   187    188 input#hidebusy:checked ~ .calendar th.timeslot span.endpoint {   189     display: block;   190 }   191    192 /* Style the labels. */   193    194 label.add,   195 label.remove,   196 label.removed {   197     float: right;   198 }   199    200 .dt.disabled label,   201 .dt.enabled label,   202 label.add,   203 label.remove,   204 label.removed,   205 label.hidebusy,   206 label.showdays {   207     color: #009;   208     text-decoration: underline;   209 }   210    211 .dt.enabled label {   212     display: block;   213     margin-top: 0.25em;   214 }   215    216 label.hidebusy,   217 label.showdays {   218     padding-left: 0.25em;   219 }   220    221 label.showdays {   222     border-left: 1em solid #faa; /* th.participantheading background-color */   223 }   224    225 label.hidebusy {   226     border-left: 1em solid #af8; /* td.event background-color */   227 }