Using StyleSheet tiddler to change Calendar defaults

I created a new tiddler which contains only (for now)
<<calendar
thismonth>>.
When I end the editing I have a mostly gray calendar of Sept
2007.

Just for learning purposes, I'd like to change it to look a
bit more
like the Google calendar which is mostly blue #C3D9FF.

In the documentation for the calendar plugin I found:
setStylesheet(".calendar, .calendar table, .calendar
th, .calendar
tr, .calendar td { text-align:center; } .calendar, .calendar
a
{ margin:0px !important; padding:0px !important; }",
"calendarStyles");

So I created a StyleSheet Tiddler that I thought would
override the
default values.
Is this correct so far?

Here is the contents of the StyleSheet Tiddler:
.calendar th
{
background-color:C3D9FF;
}

.calendar td
{
background-color:FF0000;
}

after saving this tiddler and reloading the file... I see no
changes
in the appearance of my Sept 2007 calendar.
So my questions are:
Have I done anything correctly?
Will the StyleSheet tiddler override the default Calendar
colors?

I am not used to inherited styles, is the the correct way to
represent
them in the StyleSheet tidder?

Thanks,
IanO


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the
Google Groups "TiddlyWiki" group.
To post to this group, send email to TiddlyWikigooglegroups.com
To unsubscribe from this group, send email to
TiddlyWiki-unsubscribegooglegroups.com
For more options, visit this group at http:
//groups.google.com/group/TiddlyWiki?hl=en
-~----------~----~----~----~------~----~------~--~---

try make your rules more specific (specific has a.. um,
specific
meaning in CSS) by adding an id:

#displayArea .calendar th
{
    background-color:C3D9FF;
}


That often works, when you have CSS that appears to do
nothing.

;Daniel


On 26/09/2007, IanO <IanONetgmail.com> wrote:
>
> I created a new tiddler which contains only (for now)
<<calendar
> thismonth>>.
> When I end the editing I have a mostly gray calendar of
Sept 2007.
>
> Just for learning purposes, I'd like to change it to
look a bit more
> like the Google calendar which is mostly blue #C3D9FF.
>
> In the documentation for the calendar plugin I found:
> setStylesheet(".calendar, .calendar table,
.calendar th, .calendar
> tr, .calendar td { text-align:center; } .calendar,
.calendar a
> { margin:0px !important; padding:0px !important;
}",
> "calendarStyles");
>
> So I created a StyleSheet Tiddler that I thought would
override the
> default values.
> Is this correct so far?
>
> Here is the contents of the StyleSheet Tiddler:
> .calendar th
> {
> background-color:C3D9FF;
> }
>
> .calendar td
> {
> background-color:FF0000;
> }
>
> after saving this tiddler and reloading the file... I
see no changes
> in the appearance of my Sept 2007 calendar.
> So my questions are:
> Have I done anything correctly?
> Will the StyleSheet tiddler override the default
Calendar colors?
>
> I am not used to inherited styles, is the the correct
way to represent
> them in the StyleSheet tidder?
>
> Thanks,
> IanO
>
>
> >
>


-- 
Daniel Baird
http://tiddlyspot.com
(free, effortless TiddlyWiki hosting)
http://danielbaird.com
(TiddlyW;nks! :: Whiteboard Koala :: Blog ::
Things That Suck)

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the
Google Groups "TiddlyWiki" group.
To post to this group, send email to TiddlyWikigooglegroups.com
To unsubscribe from this group, send email to
TiddlyWiki-unsubscribegooglegroups.com
For more options, visit this group at http:
//groups.google.com/group/TiddlyWiki?hl=en
-~----------~----~----~----~------~----~------~--~---