Thanks to Bindra for working with me and what code I was already using, to make my entire calendar transparent. Because the calendar is more difficult to work with than other components on your page, we wanted (together) to supply this as a tutorial.
Click HERE and look at all FOUR views first so you can decide if this is the look you want. If it is not, you may adjust any of this css code to suit your site. The font and colors will be something you do want to change.
Because the Calendar is made up of SO many components, this is a lengthy code. But the code has been combined to make it as short as possible.
This code works for the WIDE-theme based themes. (Skyline, Black Lily etc) If you are using ANY other theme that is FIXED-width, then a short replacement code that should work will be at the bottom of this post. So don't miss that.//**CALENDAR**//
table.globalnav,
div.caldiv1 td:hover.calday,
.caldiv1 th, .calday, .cald,
.infobox, .infobox .boxbody,
.tablediv1 tr.bg2, .tablediv1 tr:hover.bg2,
.tablediv1 tr.bg4, .tablediv1 tr:hover.bg4,
.tablediv1, .tablediv1 th
{ background: none transparent; }
table.globalnav { border: #FFFFFF; width: 95%; }
.caldate { font-size: 13px; font-weight: bold; }
.cald, .calday { border:1px solid #FFFFFF; }
.cald {
float: right;
text-align: center;
padding: 0px 4px 0px 4px;
margin: -3px -3px 3px 3px;
width: 20px;
}
.calevent { margin: 0px 0px 8px 0px; }
.caldiv1 th, .tablediv1 th { color: #FFFFFF; }
.caldiv1 th {
font-size: 10px;
font-weight: bold;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: transparent; }
FROM BINDRA:
This can be applied for all themes, except the width of "table.globalnav".
For wide-theme you can use above 95%. ( 99% or 100% (auto). )
But for fixed-width theme, you must use fixed value, like 760px, 740px, etc.
For example, I always use this code for fixed-width theme,
div.header, table.globalnav {
width: 760px;
background: none transparent;
border: none;
}
THIS WORKS GREAT FOR MY SKYLINE THEME.
THANKS TO BINDRA FOR ASSISTING WITH THIS TUTORIAL!!
