Code: Alles auswählen
#header_bevor {
background-color: #262223;
border: 1px dashed #777;
border-radius: 2px;
margin: 0 auto 15px;
max-width: 1152px;
padding: 10px 15px;
}
@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
#header_bevor{
margin: 0 12px;
}
}
#index_calendar .forumbg, #calendar .forumbg {
color: #262223;
overflow: hidden;
padding:3px;
}
.weeknr {
font-size: 10.5px;
height: 10px;
width:25px;
line-height: 16px;
margin: 35px -4px 0 -14px;
text-align: center;
transform:rotate(-90deg);
color: #B5B5B5;
font-weight: bold;
}
.icon-cal {background-image: url("./images/icon_cal.gif");}
.cal_month_title {
font-size:10px;
font-weight:bold;
height:20px;
text-align:center;
margin:0px;
}
.cal_month_title a {
background: #646466;
background: -moz-radial-gradient(center, ellipse cover, #646466 0%, #1f1f1f 100%);
background: -webkit-radial-gradient(center, ellipse cover, #646466 0%,#1f1f1f 100%);
background: radial-gradient(ellipse at center, #646466 0%,#1f1f1f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646466', endColorstr='#1f1f1f',GradientType=1 );
border: 3px solid #000;
-moz-box-shadow: inset 0 0 8px #000000;
-webkit-box-shadow: inset 0 0 8px #000000;
box-shadow: inset 0 0 8px #000000;
color: #B5B5B5;
font-weight: bold;
border: 1px solid #666;
border-radius: 2px;
padding: 2px 5px 2px;
margin-top: 5px;
}
#calendar select {
background-color: #353535;
background-image: none;
color: #B5B5B5;
font-weight: bold;
border: 1px solid #666;
border-radius: 2px;
}
#calendar option:checked {
-webkit-box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .9);
-moz-box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .9);
box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .9);
}
.cal_post {
font-size:1em;
padding-left:10px;
border-radius:2px;
}
.participants table.table1 thead th, .participants table.table1 tbody tr {
color: #D20000;
border:none;
}
.participants table.table1 td {
padding: 0 5px;
}
.participants {
color: #D20000;
border: 2px solid #777;
margin-top:15px;
padding:5px;
border-radius:7px;
}
.participants p{
margin:2px 0 5px;
font-weight:bold;
}
.registration {
width:400px;
max-width:100%;
text-align:center;
font-size:1em;
margin-top:10px;
}
.participants select, .participants input, .participants textarea {
border:none;
margin:3px;
font-size:1.2em;
}
.participants fieldset, .participants dl{
margin:0px;
}
.participants textarea{
height:20px;
width:400px;
max-width:100%;
}
.week {
display:flex;
margin-bottom:3px;
}
.cal-day {
text-align:left;
padding: 3px;
font-weight:bold;
color:#C8C8C8;
background: #262223;
background: -moz-linear-gradient(45deg, #262223 1%, #303032 41%, #303032 58%, #262223 100%);
background: -webkit-linear-gradient(45deg, #262223 1%,#303032 41%,#303032 58%,#262223 100%);
background: linear-gradient(45deg, #262223 1%,#303032 41%,#303032 58%,#262223 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262223', endColorstr='#262223',GradientType=1 );
border: 1px solid #777;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .1);
-moz-box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .1);
box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .1);
overflow: hidden;
white-space:nowrap;
}
.day {
color:#B5B5B5;
background-color: #222;
padding:0 0 3px;
font-weight:bold;
width:100%;
overflow: hidden;
white-space:nowrap;
}
.mon, .tue, .wed, .thu, .fri {
background: #262223;
background: -moz-linear-gradient(45deg, #262223 1%, #303032 41%, #303032 58%, #262223 100%);
background: -webkit-linear-gradient(45deg, #262223 1%,#303032 41%,#303032 58%,#262223 100%);
background: linear-gradient(45deg, #262223 1%,#303032 41%,#303032 58%,#262223 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262223', endColorstr='#262223',GradientType=1 );
border: 1px solid #777;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .9);
-moz-box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .9);
box-shadow: inset 0 0 15px #777, 0 0 15px rgba(0,0,0, .9);
}
.sat {
background: #353535;
font-size: 10px;
}
.sun {
background: #521213;
background: -moz-linear-gradient(-45deg, #521213 0%, #95050d 11%, #9d1118 26%, #a4161d 43%, #a4161d 59%, #9d1118 74%, #95050d 89%, #521213 100%);
background: -webkit-linear-gradient(-45deg, #521213 0%,#95050d 11%,#9d1118 26%,#a4161d 43%,#a4161d 59%,#9d1118 74%,#95050d 89%,#521213 100%);
background: linear-gradient(135deg, #521213 0%,#95050d 11%,#9d1118 26%,#a4161d 43%,#a4161d 59%,#9d1118 74%,#95050d 89%,#521213 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#521213', endColorstr='#521213',GradientType=1 );
font-size: 10px;
}
.today {
border: 3px solid #BF0000 !important;
font-weight:bold;
}
.noday {
opacity:0.5;
}
.nday {
font-family: Arial, sans-serif;
box-sizing: border-box;
color: #B5B5B5;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
background: #646466;
background: -moz-radial-gradient(center, ellipse cover, #646466 0%, #1f1f1f 100%);
background: -webkit-radial-gradient(center, ellipse cover, #646466 0%,#1f1f1f 100%);
background: radial-gradient(ellipse at center, #646466 0%,#1f1f1f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646466', endColorstr='#1f1f1f',GradientType=1 );
border: 3px solid #000;
-moz-box-shadow: inset 0 0 8px #000000;
-webkit-box-shadow: inset 0 0 8px #000000;
box-shadow: inset 0 0 8px #000000;
padding: 5px;
margin: 19px 3px 3px 9px;
width: 13.9%;
text-align: center;
}
.wday {
border-radius: 2px;
border: 1px solid #777;
border-top: none;
box-sizing: border-box;
margin:0.2%;
width: 13.9%;
min-height: 70px;
overflow:hidden;
white-space:nowrap;
}
.sday {
display:inline;
}
.eventbg {
border-radius:13px;
padding:0 3px;
}
.event {
display:flex;
margin-bottom:3px;
}
.event-box {
border-radius: 7px;
border: 2px solid #B5B5B5;
box-sizing: border-box;
margin:0.2%;
width: 13.9%;
overflow:hidden;
white-space:nowrap;
text-align:center;
}
.event-box .cal-day {
text-align:center;
}
.hday {
margin-left:5px;
}
.event-box .hday, .event-box .eventbg{
margin-left:0px;
padding-left:0px;
}
.shday {
display:none;
}
.kday {
display:none;
}
.event-legend {
width: 100%;
height: 1.2em;
margin: 10px 0;
text-align: center;
padding: 5px 0 3px;
background: #646466;
background: -moz-radial-gradient(center, ellipse cover, #646466 0%, #1f1f1f 100%);
background: -webkit-radial-gradient(center, ellipse cover, #646466 0%,#1f1f1f 100%);
background: radial-gradient(ellipse at center, #646466 0%,#1f1f1f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646466', endColorstr='#1f1f1f',GradientType=1 );
border-color: #000;
-moz-box-shadow: inset 0 0 8px #000000;
-webkit-box-shadow: inset 0 0 8px #000000;
box-shadow: inset 0 0 8px #000000;
overflow: hidden;
white-space: nowrap;
text-transform: uppercase;
font-size: 10px;
font-family: Arial, sans serif;
color: #B5B5B5;
font-weight: 800;
}
.event-legend:hover{
height:100%;
}
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
#index-calendar {
margin-left: -5px;
margin-right: -5px;
}
.weeknr {
font-size: 16px;
height: 20px;
width:100%;
line-height: 1em;
margin: 20px 0 0 10px;
text-align: center;
transform:rotate(0deg);
color: #C4C4C4;
font-weight: bold;
}
.sday {
display:none;
}
.event, .week {
display:unset;
}
.event-box, .wday {
width:100%;
float:none;
text-align:left;
border-radius:0px;
margin:2px 0;
}
.noday {
display:none;
}
.nday {
display:none;
}
.cal-day {
display:none;
}
.kday {
display:inline;
line-height:2em;
}
.wday {
min-height:0;
}
.event-legend {
height:100%;
}
}