S2 CSS: Archive pages ids and classes

From Dreamwidth Notes
Jump to: navigation, search

Year view

The year view page has body.page-archive as its body class. Inside the div#primary:

div#archive-year

This div has an .inner div.

div.navigation

This div has an .inner div.

Contains a <ul> that can have many items, as it lists each year that contains posts posts.

div.year

This div has an .inner div.

div.month-wrapper

This div has an .inner div.

Inside div.month-wrapper

div.separator / div.separator-before

This div has an .inner div.

div.month

This div has an .inner div.

div.header

div.contents

This div has an .inner div.

div.footer

This div has an .inner div.

div.separator / div.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

This div has an .inner div.

div.navigation

This div has an .inner div.

div.month

This div has an .inner div.

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 body.page-day as its body class. Inside the div#primary:

div#archive-day

This div has an .inner div.

div.navigation

This div has an .inner div.

li.page-back

Contains a text link to go back in time, that is, to earlier entries.

li.page-forward

Contains a text link to go forward in time, that is, to later entries.

div.day

This div has an .inner div.

.entry-wrapper

div.navigation