Hack: Pure CSS for B2Calendar

Pure CSS to display the calendar! No more need of that “table” thing !

.dayword
{
z-index: 100;
position: absolute;
width: 20px;
text-align: center;
vertical-align: middle;
font-family: Arial;
font-size: xx-small;
font-weight: 900;
background: #6495ED;
color: Black;
}

.daynum
{
z-index: 200;
position: absolute;
width: 20px;
text-align: center;
vertical-align: middle;
color: #000;
font-size: xx-small;
font-style: oblique;
font-weight: 900;
font-family: Arial;
margin: 0px 0px 0px 0px;
}

.day
{
width: 20px;
height: 15px;
text-align: right;
background-color: #F8F8FF;
vertical-align: middle;
float: left;
margin: 0px 0px 0px 0px;
}

.daynow
{
background-color: #1E90FF;
color: white;
}
.week
{
text-align: center;
clear: both;
}

.month {
background-color: #4682B4;
vertical-align: middle;
text-align: center;
font-size: 12px;
margin: 0px 0px 0px 0px;
width: 150px;
}
.cal
{
width: 150px;
background-color: #F8F8FF;
}

Drop me a line to have the PHP code hacked.

%d bloggers like this: