/* 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 . 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, labelled "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: #FFFFFF; margin: 0; color: #000000; font-family: verdana, arial, helvetica, sans-serif; /* font-size: ; */ } p { /* This defines the paragraph style. */ text-align: left; text-indent: 20px; } /* 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 bar surrounding the strip and newspost, as well as the month headings on the archive calendar. */ background-color: #FFFFFF; } .bg2 { /* This is the colour for the meat of the calendar tables themselves. */ background-color: #FFFFFF; } td { /* This determines the styling of the table cells and all text within. Note that this includes the main body of both the index and archive pages. */ background-color: #FFFFFF; color: #000000; 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: ; */ color: #000000; 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; }