Still wet behind the ears on CMS but learning quickly.
Some general questions on the Calendar module.
How do I make the month name bigger( i.e. May 07)?
How do I make the date i.e. the 1st or 2 a different color
Thanks
/* make all links red */
.calendar tr td a
{
color: white
font-weight: bold;
font-size: 110%;
}
/* highlight "today" for the small calendar */
.calendar-today
{
font-weight: bold;
}
/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
display: none;
}
#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
display: inline;
margin-right: 5px;
}
/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
color: black;
font-size: 200%;
}
#cal-list h2, cal-upcominglist h2
{
font-size: 110%;
}
/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
margin: 0px;
border-collapse: collapse;
border: 1px solid black;
}
#big .calendar-link
{
float: left;
}
/* nice squares for the #big table */
#big th
{
border: 1px solid black;
padding: 3px;
width: 75px;
}
#big td {
border: 1px solid black;
vertical-align: top;
padding: 3px;
height: 75px;
width: 75px;
}
/* format summaries nicely in #big */
#big ul
{
margin: 0px;
padding: 0px;
padding-left: 5px;
}
#big li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
/* background colours for #big */
#big th
{
color: white;
background-color: #475675;
}
#big .calendar-empty
{
background-color: LightGray;
}
#big .calendar-today
{
font-weight: normal;
color: white;
background-color: #003366;
}
#big .calendar-events
{
background-color: #D44026;
}
#big .calendar-weekend
{
background-color: #BFEFFF;
}
#big .calendar-day
{
background-color: white;
}
.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
display: none;
}
.calendar-upcominglist
{
margin-bottom: 25px;
}
.calendar-event .calendar-summary
{
margin-bottom: 10px;
}
