More on css for calendar

[pete of ebor]

Hi.
Following on from Code Name's post on making dates bolder, I managed to successfully add a CSS file and make those changes. There are a few other changes I would like to make, such as adding the month onto the date in every day box, having a darker colour for the other month days and a brighter - i.e more obvious header for the today box. I would like a pointer as to how to add these to the CSS file.
I suppose what I'm also wanting to ask is where can I find this information in the first place ? Is there some sort of list of what these commands refer to.. ? I do have to say I'm not really a coder. I have used TB for many years without looking 'under the bonnet'.. I suppose you could say I'm really a newbie with just enough knowledge to be dangerous - I'll probably break something and have to reinstall from scratch...

[morat]

You can't add the month onto the date in every day box with a style.

colour for the other month days

Try these:

Code: Select all

:root {
  --viewMonthOtherBackground: orange !important;
}

Code: Select all

.calendar-month-day-box-other-month {
  background-color: orange !important;
}

Reference
http://searchfox.org/comm-esr78/source/ ... -views.css

You would need to learn how to use the Inspector and Rules tabs in the Developer Toolbox utility.

Screenshot
http://imgur.com/iPye5yI

How to get DOM info
http://forums.mozillazine.org/viewtopic ... #p14866214

CSS Reference
http://developer.mozilla.org/docs/Web/CSS/Reference
http://developer.mozilla.org/docs/Web/C ... #Selectors
http://developer.mozilla.org/docs/Web/C ... ors#Syntax
http://developer.mozilla.org/docs/Web/C ... Extensions

[pete of ebor]

Thanks Morat. Got the 'other month' colours sorted and I've been 'playing' with other settings and not broken anything yet, but there are plenty of options to keep me entertained for months...