Custom Events Calendar Style Definitions
Styles and Descriptions
Below is a list of the default styles, used by the template events_calendar.css
for displaying a Custom Events Calendar. You can use the defaults
or modify events_calendar.css to use different fonts and colors.
You can modify these styles either by using a text editor and modifying
the html code, or using a Web page creation program's style sheet
modification commands. For example, in Dreamweaver, go to Text>CSS
Styles>Edit Style Sheet and make
changes. The template calendar.html has extra lines of html code
specifically for displaying a sample of your Custom Events Calendar
so you can see the effect of the changes you make to the various
styles in events_calendar.css.
The following tables lists the style names used in events_calendar.css
and a brief description.
|
|
|
| mnavtext |
Font and color for monthly navigation bar text. |
| mnavbkgnd |
Background color for navigation bar. |
Example
Montly Calendar
Grid
|
|
|
| month1bkgnd |
Background color for "Today is..." row. |
| month1texttoday |
Font and color for "muted" text
(e.g. "Today is..."). |
| month1textmonth |
Font and color for text of month & year
title (e.g. December 2001). |
| month2 |
Font, text color, background color etc. for
row of day titles (Sun, Mon etc). |
| month3 |
Font, text color, background color etc. for
rows containing day numbers in current month. |
month3textfaint |
Font and color for text of day numbers outside
current month. |
month4 |
Font, text color, background color etc for
cells containing event titles. |
month5table |
Background color, images, border styles and
color for the monthly calendar grid. |
Example
[Back to top]
Single Event
|
|
|
| event1texttitle |
Font and color of text for event title. |
| event1textdetail |
Font and color of text for event details
. |
| event1bkgnd |
Background color for event details. |
| event2bkgnd |
Background color for column to left of event
detail. |
| event3bkgnd |
Background color for column to right of event
detail. |
event4bkgnd |
Background color for the row above the event
title. |
Example
[Back to top]
List View
|
|
|
| listtable |
The attributes of the table containing the list. Table background
color, border width etc. can be controlled here. |
| list1text |
The text at the top of the list that describes
the date range (e.g., Thursday, August 1 through Tuesday,
October 1). |
| list2text |
The text in the list which shows the date
and time of an event. |
| list3text |
The text in the list which shows the event
title, location, and sponsor(s). |
Example
[Back to top]
|
