/* This style sheet controls the appearance of Walrus. For those unfamiliar with CSS, don't despair--the syntax is almost identical to that used when styling HTML. More resources can be found at http://www.w3.org/Style/CSS/learning . The reason for having a separate stylesheet for the calendar is to keep mods to the calendar and index pages easy to separate. In general, if you would normally use an attribute to style your text (by making it a certain colour or font, for instance, or changing its size), you'll want to put this attribute in the stylesheet. For instance, in order to set Walrus to use a different main background colour, change the background-color declaration in the first line of the first class, labeled "body". Anything inside the tags will be formatted according to that unless overridden by another declaration. Declarations left empty are unused by default, but left in for your convenience. Uncomment to use. */ body { background-color: #000000; margin: 0; color: #ffffff; font-family: verdana, arial, helvetica, sans-serif; /* font-size: ; */ } /* Changing stuff here is simple. The best way to figure out what does what is to play around with it; try turning something to hot pink (#ff00bb) and see what changes. */ .bg1 { /* This is the colour for the month headings on the archive calendar and the stripe surrounding it. */ background-color: #cc0000; } .bg2 { /* This determines the color of the inside area of the "box" around the calendar. */ background-color: #000000; } td { /* This determines the styling of the table cells and all text within. It is set to black so that the calendar tables will remain black even if you change the background color of the page. */ background-color: #000000; color: #ffffff; font-family: verdana, arial, helvetica, sans-serif; font-size: smaller; } th { /* This determines the styling of all table headers, specifically the calendar month and day headers. Note that this will override bg1 for the headers only if background-color is defined. */ background-color: #666666; color: #ffffff; font-family: verdana, arial, helvetica, sans-serif; font-size: smaller; } a:link { /* This defines the style of unvisited links. */ text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; color: #0000ff; } a:visited { /* This defines the style of visited links. */ text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; color: #8800ff; } a:hover { /* This defines the style of links over which the cursor is currently placed. */ text-decoration: underline; font-family: verdana, arial, helvetica, sans-serif; font-weight: bolder; color: #aa00ff; }