Difference between revisions of "S2 CSS: Archive pages ids and classes"
From Dreamwidth Notes
Foxfirefey (Talk | contribs) (start of year page) |
Foxfirefey (Talk | contribs) (more year page, day and month) |
||
| Line 10: | Line 10: | ||
has .inner | has .inner | ||
| + | |||
| + | contains a <ul> that can have many items, as it lists each year with posts | ||
=== div.year === | === div.year === | ||
| Line 55: | Line 57: | ||
==== span.label ==== | ==== span.label ==== | ||
| − | + | = Month view = | |
| + | |||
| + | The month view page has <tt>body.page-month</tt> as its body class. Inside the <tt>div#primary</tt>: | ||
| + | |||
| + | == div#archive-month == | ||
| + | |||
| + | has inner | ||
| + | |||
| + | === div.navigation === | ||
| + | |||
| + | has inner | ||
| + | |||
| + | === div.month === | ||
| + | |||
| + | has inner | ||
| + | |||
| + | === div.navigation === | ||
| + | |||
| + | There's a navigation section after the month <div> as well. | ||
| + | |||
| + | == Inside div.month == | ||
| + | |||
| + | === span.datetime === | ||
| + | |||
| + | ==== span.time ==== | ||
| + | |||
| + | === span.poster and span.entry-poster === | ||
| + | |||
| + | === span.trust-filter === | ||
| + | |||
| + | === span.entry-title === | ||
| + | |||
| + | === div.tag === | ||
| + | |||
| + | ==== span.tag-text ==== | ||
| + | |||
| + | = Day view = | ||
| + | |||
| + | The day view page has <tt>body.page-day</tt> as its body class. Inside the <tt>div#primary</tt>: | ||
| + | |||
| + | == div#archive-day == | ||
| + | |||
| + | has .inner | ||
| + | |||
| + | === div.navigation === | ||
| + | |||
| + | has .inner | ||
| + | |||
| + | ==== li.page-back ==== | ||
| + | ==== li.page-forward ==== | ||
| + | |||
| + | === div.day === | ||
| + | |||
| + | has .inner | ||
| + | |||
| + | ==== .entry-wrapper ==== | ||
| + | |||
| + | === div.navigation === | ||
| − | + | [[Category: S2 CSS]] | |
Revision as of 21:47, 26 April 2009
Contents
Year view
The year view page has body.page-archive as its body class. Inside the div#primary:
div#archive-year
has .inner
has .inner
contains a <ul> that can have many items, as it lists each year with posts
div.year
has .inner
div.month-wrapper
has .inner
Inside div.month-wrapper
div.separator / div.separator-pre
Warning: separator-pre might change to separator-after
has .inner
div.month
has .inner
div.header
div.contents
has .inner
has .inner
div.separator / div.separator-post
Warning: separator-post might change to separator-after
Inside div.month div.contents
td
- .day-empty
- .day
- .day-has-entries
span.label
Month view
The month view page has body.page-month as its body class. Inside the div#primary:
div#archive-month
has inner
has inner
div.month
has inner
There's a navigation section after the month <div> as well.
Inside div.month
span.datetime
span.time
span.poster and span.entry-poster
span.trust-filter
span.entry-title
div.tag
span.tag-text
Day view
The day view page has body.page-day as its body class. Inside the div#primary:
div#archive-day
has .inner
has .inner
li.page-back
li.page-forward
div.day
has .inner
