table.olb_monthly_schedule {
width: 100%;
border-collapse: collapse;
}
table.olb_monthly_schedule th,
table.olb_monthly_schedule td {
width: 14%;
border: 1px solid #ccc;
}
table.olb_monthly_schedule th {
text-align: center;
}
table.olb_monthly_schedule td {
padding: 0;
vertical-align: top;
}
table.olb_monthly_schedule td:first-child:before {
display: block;
float: left;
height: 50px;
content: "";
} table.olb_monthly_schedule td .day {
text-align: center;
}
table.olb_monthly_schedule td .day a {
display: block;
}
table.olb_monthly_schedule td:hover {
} table.olb_monthly_schedule td .info div {
text-align: left;
font-size: x-small;
border: 1px solid #fff;
border-width: 0 1px 1px 1px;
}
table.olb_monthly_schedule td .info a {
display: block;
padding-left: 8px;
text-decoration: none;
} table.olb_monthly_schedule th.saturday ,
table.olb_monthly_schedule td.saturday {
background-color: #eef6ff;
color: #06c;
} table.olb_monthly_schedule th.sunday ,
table.olb_monthly_schedule td.sunday {
background-color: #ffeef6;
color: #c06;
} table.olb_monthly_schedule td .info .finished {
padding-left: 8px;
background-color: #999;
color: #fff;
}
table.olb_monthly_schedule td .info .finished a {
color: #fff;
}
table.olb_monthly_schedule td .info .finished a:hover {
background-color: #aaa;
}
table.olb_monthly_schedule td .info .reserved {
background-color: #fc3;
}
table.olb_monthly_schedule td .info .reserved a {
}
table.olb_monthly_schedule td .info .reserved a:hover {
background-color: #fd6;
} table.olb_monthly_schedule td .info .closed {
padding-left: 8px;
background-color: #bbb;
color: #fff;
}
table.olb_monthly_schedule td .info .others {
padding-left: 8px;
background-color: #999;
color: #fff;
} table.olb_monthly_schedule td .info .opened {
background-color: #1af;
}
table.olb_monthly_schedule td .info .opened a {
color: #fff;
}
table.olb_monthly_schedule td .info .opened a:hover {
background-color: #3bf;
} table.olb_monthly_schedule td .info .you {
background-color: #fc3;
}
table.olb_monthly_schedule td .info .you a {
color: #000;
}
table.olb_monthly_schedule td .info .you a:hover {
background-color: #fd6;
color: #333;
}