123 lines
2.8 KiB
CSS
123 lines
2.8 KiB
CSS
.calendar ul.dates {
|
|
list-style-type : none;
|
|
overflow-y : scroll;
|
|
overflow-x : visible;
|
|
padding-right : 0px;
|
|
padding-left : 0px;
|
|
position : relative;
|
|
}
|
|
.calendar:not(.noGrayout) ul.dates {
|
|
max-height : 400px;
|
|
mask-image : linear-gradient(black 80%, transparent 100%);
|
|
}
|
|
.calendar.noGrayout ul.dates {
|
|
overflow-y : visible;
|
|
}
|
|
.calendar ul.dates li:before { display : none; }
|
|
.calendar ul.dates li:after {
|
|
content : '';
|
|
clear : both;
|
|
display : block;
|
|
margin-bottom : 10px;
|
|
}
|
|
.calendar ul.dates li.nowLine {
|
|
border-top : 2px solid black;
|
|
padding-top : 10px;
|
|
}
|
|
.calendar ul.dates li.cancelled {
|
|
opacity : 0.5;
|
|
}
|
|
.calendar:not(.noGrayout) ul.dates li.passed {
|
|
color : gray;
|
|
}
|
|
.calendar:not(.noGrayout) ul.dates li.passed a {
|
|
color : gray;
|
|
}
|
|
.calendar .split {
|
|
display : table-row;
|
|
}
|
|
.calendar .split .left {
|
|
display : table-cell;
|
|
min-height : 1em;
|
|
border-right : 2px solid gray;
|
|
margin-right : -2px;
|
|
padding-right : 10px;
|
|
font-size : 1.5em;
|
|
white-space : nowrap;
|
|
}
|
|
.calendar .split .right {
|
|
display : table-cell;
|
|
padding-left : 10px;
|
|
white-space : normal;
|
|
}
|
|
.calendar ul.dates .time:before { content : "\A"; white-space : pre; }
|
|
.calendar ul.dates .time:after { content : " Uhr"; }
|
|
.calendar ul.dates .title { font-weight : bold; }
|
|
.calendar ul.dates .location:before { content : "\A"; white-space : pre; }
|
|
.calendar ul.dates .location { font-style : italic; }
|
|
.calendar ul.dates .description:before { content : "\A"; white-space : pre; }
|
|
.calendar ul.dates .protokoll {
|
|
background-image:url('PDF.png');
|
|
background-repeat:no-repeat;
|
|
background-size:15px 19px;
|
|
padding-left:17px;
|
|
margin-left:3px;
|
|
font-weight:bold;
|
|
line-height:25px;
|
|
}
|
|
.calendar ul.dates a {
|
|
color : black;
|
|
text-decoration : none;
|
|
display : block;
|
|
border-bottom : 0px none transparent !important;
|
|
}
|
|
.calendar ul.dates a:link { background-color : transparent; }
|
|
.calendar ul.dates a:visited { background-color : transparent; }
|
|
.calendar ul.dates a:hover { background-color : #AFA; }
|
|
.calendar ul.dates a:active { background-color : #0F0; }
|
|
.calendar form {
|
|
vertical-align : top;
|
|
display : inline-block;
|
|
border-left : 1px solid gray;
|
|
border-right : 1px solid gray;
|
|
margin-right : -1px;
|
|
padding : 3px;
|
|
}
|
|
.calendar p a {
|
|
cursor : help;
|
|
}
|
|
.calendar a.button {
|
|
margin-right : 10px;
|
|
}
|
|
.calendar a.earlierDatesLink {
|
|
margin-left : 30px;
|
|
margin-bottom : 30px;
|
|
}
|
|
.calendar .radioRow label {
|
|
margin-right : 1em;
|
|
}
|
|
.calendar .filterList label {
|
|
display : block;
|
|
}
|
|
|
|
@media handheld, screen and (max-width: 650px) {
|
|
.calendar .split .left {
|
|
font-size : 1.3em;
|
|
}
|
|
}
|
|
|
|
@media handheld, screen and (max-width: 560px) {
|
|
.calendar .split {
|
|
display : block;
|
|
}
|
|
.calendar .split .left {
|
|
display : block;
|
|
border-right : 0px none transparent;
|
|
font-size : 1.3em;
|
|
}
|
|
.calendar .split .right {
|
|
display : block;
|
|
padding-left : 0px;
|
|
}
|
|
}
|