Skip to Main Content
Suncat (
suncat
) wrote
in
style_system
2010-05-31 02:07 am (UTC)
no subject
The date number, which appears in each date cell, is controlled by the two CSS instructions:
.month .cell.empty .day { color: #dddddd; }
.month .cell.full .day { color: #999999; }
Notice that .empty and .full selectors are stuck together with the .cell selector. Those classes appear on the same
td
element in the HTML.
The post number for dates which have posts are always going to be links. They just seem to use the link colors defined for the page:
a { color: #2452FF; }
a:visited { color: #142D8B; }
/* and probably a hover color too */
If you wanted to just change the calendar links, maybe something like this would work:
.month a { color: #rrggbb; }
The color of the date cells that have posts is controlled with:
.month .cell.full { color: #DDEEFF; }
Let us know if these hit the correct spots.
(
1 comment
)
Post a comment in response:
From:
Anonymous
This account has disabled anonymous posting.
OpenID
Identity URL:
Log in?
Dreamwidth account
Account name
Password
Log in?
If you don't have an account you can
create one now
.
Subject
HTML doesn't work in the subject.
Formatting type
Casual HTML
Markdown
Raw HTML
Rich Text Editor
Message
Log in
Account name:
Password:
Remember me
Other options:
Forget your password?
Log in with OpenID?
Close
menu
Log in
Create
Create Account
Display Preferences
Explore
Interests
Directory Search
Site and Journal Search
Latest Things
Random Journal
Random Community
FAQ
Shop
Buy Dreamwidth Services
Gift a Random User
DW Merchandise
Interest
Region
Site and Account
FAQ
Email
no subject
.month .cell.empty .day { color: #dddddd; }
.month .cell.full .day { color: #999999; }
Notice that .empty and .full selectors are stuck together with the .cell selector. Those classes appear on the same td element in the HTML.
The post number for dates which have posts are always going to be links. They just seem to use the link colors defined for the page:
a { color: #2452FF; }
a:visited { color: #142D8B; }
/* and probably a hover color too */
If you wanted to just change the calendar links, maybe something like this would work:
.month a { color: #rrggbb; }
The color of the date cells that have posts is controlled with:
.month .cell.full { color: #DDEEFF; }
Let us know if these hit the correct spots.